Abp Vnext 的 Vue3 实现版本
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

169 lines
10 KiB

<br />
<b>Warning</b>: imagesavealpha() expects parameter 1 to be resource, boolean given in <b>/www/wwwroot/favicon.hnysnet.com/ico/global.php</b> on line <b>228</b><br />
<br />
<b>Warning</b>: imagecopyresampled() expects parameter 2 to be resource, boolean given in <b>/www/wwwroot/favicon.hnysnet.com/ico/global.php</b> on line <b>231</b><br />
 h(  ÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿ
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 上述3个meta标签*必须*放在最��,任何其他内容都*必须*跟�其�� -->
<title>在线ico图标制作-快速制作ico图标�ico制作�icon图标制作和ico图标下载-Powered by hnysnet.com</title>
<meta name="keywords" content="ico,icon,ico图标,ico制作,icon图标,图标制作,ico图标下载,png转ico,图片转ico,favicon.ico" />
<meta name="description" content="在线制作ico图标�快速ico制作图标�icon图标制作��以将png转ico和所有图片转ico,�明ico图标制作�动�ico图标制作方法�ico图标下载。" />
<link rel="stylesheet" href="images/style.css" >
<script src="images/jquery.min.js"></script>
<script type="text/javascript" src="images/jquery.uploadifive.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#file_upload').uploadifive({
'auto' : true,
'buttonText': '请选择上传的图片',
'removeCompleted': true,
'queueID' : 'queue',
'uploadScript' : "/ico/index.php?action=make",
'width': 260,
'onUploadComplete' : function(file, data) {
if (data=='none') {
alert('请上传png格�的图片�');
} else if (data=='size') {
alert('图片大�请控制在1M以内�');
} else {
$('#imgview').html("<a href=\"#downico\"><img src=\"/ico/upload/ico/20220718/"+data+"\" width=\"130\" height=\"130\" /></a>");
$('#toold').hide();
var re = /src="([^"]+)"/g;
var arr = re.exec(data[1]);
$('#imgview').slideDown();
$('#sizedown2').html('<a href="/ico/index.php?action=download&name='+data+'&size=128" id="s128" name="downico"><button type="button" class="btn btn-sm btn-primary">128*128</button></a> <a href="/ico/index.php?action=download&name='+data+'&size=64" id="s64"><button type="button" class="btn btn-sm btn-primary">64*64</button></a> <a href="/ico/index.php?action=download&name='+data+'&size=48" id="s48"><button type="button" class="btn btn-sm btn-primary">48*48</button></a> <a href="/ico/index.php?action=download&name='+data+'&size=32" id="s32"><button type="button" class="btn btn-sm btn-primary">32*32</button></a> <a href="/ico/index.php?action=download&name='+data+'&size=16" id="s16"><button type="button" class="btn btn-sm btn-primary">16*16</button></a><br/><h3>自定义尺寸</h3><div class="input-group" style="width:300px"><span class="input-group-addon" id="sizing-addon2">宽</span><input type="text" class="form-control" placeholder="" aria-describedby="sizing-addon2" onchange="javascript:seth();" id="width"><span class="input-group-addon" id="sizing-addon2">高</span><input type="text" class="form-control" placeholder="" aria-describedby="sizing-addon2" id="height"><span class="input-group-btn"><button class="btn btn-primary" type="button" onclick="javascript:down_self_define(\''+data+'\');">下载</button></span></div>');
}
}
});
});
function seth(){
var newh=$('#width').val();
$('#height').val(parseInt(newh));
}
function down_self_define(img){
var height=$('#height').val();
var width=$('#width').val();
window.location.href="/ico/index.php?action=download&name="+img+"&width="+width+"&height="+height;
}
</script>
<style>
#imgview{margin-bottom: 24px;}
</style>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.php">在线ico图标制作</a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a href="http://neditor.hnysnet.com/" title="基于 Ueditor 的现代化富文本编辑器 Neditor">HTML在线编辑器</a></li>
<li><a href="https://www.hnysnet.com/whois/" title="在线�费域�Whois查询工具">域�whios查询</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</nav>
<div class="container theme-showcase" role="main">
<div class="jumbotron">
<h1><img src="images/ico_logo.png" alt="ico在线制作 favicon.ico生�工具"/></h1>
<p>上传PNG�明格�图片��获得�明图标</p>
<div id="queue" class="progress"></div>
<p><a class="btn btn-primary btn-lg" href="#" role="button"><input id="file_upload" name="file_upload" type="file" /></a></p>
</div>
<div class="page-header">
<h2>请选择图标大�</h2>
</div>
<div class="well well-lg">
<div id="imgview"></div>
<p id="sizedown2"></p>
</div>
<div class="row">
<div class="col-sm-3">
<div class="panel panel-info">
<div class="panel-heading">
<h3 class="panel-title">关于favicon.ico</h3>
</div>
<div class="panel-body">
favicon.ico图标是网站的缩略标志,�以显示在�览器标签�地��左边和收�夹,是展示网站个性的缩略logo标志,也�以说是网站头�,如果�让网站看起�更专业�更美�更有个性,favicon.ico是必��少的,所以你在本站使用ICO图标转�工具就�以轻�达到你的�求。
</div>
</div>
</div><!-- /.col-sm-4 -->
<div class="col-sm-3">
<div class="panel panel-info">
<div class="panel-heading">
<h3 class="panel-title">在线ico图标制作工具使用说明</h3>
</div>
<div class="panel-body">
<p>1. 原始图片必须为png格�。</p>
<p>2. 原始图片文件大�&lt;300k。</p>
<p>3. 建议:原图的长和宽相�,以��转��生�的ico图标因缩放而失真。</p>
<p>4. 点击"�览"按钮上传本地图片,�点"点此生�图标"��。</p>
</div>
</div>
</div><!-- /.col-sm-4 -->
<div class="col-sm-3">
<div class="panel panel-info">
<div class="panel-heading">
<h3 class="panel-title">如何使用Favicon.ico?</h3>
</div>
<div class="panel-body">
<p>1. 将�功生�的图标文件下载并改�为favicon.ico,上传到网站根目录。</p>
<p>2. 在网站首页的�文件<code>&lt;head&gt; &lt;/head&gt;</code>之间�入下�的斜体部分代�<code>&lt;head&gt; ……&lt;link rel="shortcut icon" href="favicon.ico"&gt;&lt;/head&gt;</code></p>
<p>3.动�ico图标的实现方法,先把�好的gif动�图标命�为<code>favico.gif &lt;head&gt;&lt;/head&gt;</code>之间加上: <code>&lt;link rel="icon" href="favicon.gif" type="image/gif" &gt;</code></p>
</div>
</div>
</div><!-- /.col-sm-4 -->
<div class="col-sm-3">
<div class="panel panel-info">
<div class="panel-heading">
<h3 class="panel-title">ico百科</h3>
</div>
<div class="panel-body">
Favicon原本是windows中存储�个图案的一�图标文件格�,现�以用作软件�文件夹以�网站等的缩略标志,显示在用户的资�管�器,�览器的地���标题�和多页��览器的标签�上。图标文件一般尺寸较�,常�的是16*16,32*32和48*48。图标是部分�明的,�以直接打开�览。
</div>
</div>
</div><!-- /.col-sm-4 -->
</div>
<div class="col-sm">
<div class="panel panel-success">
<div class="panel-heading">
<h3 class="panel-title">�情链接</h3>
</div>
<div class="panel-body">
<a href="https://www.hnysnet.com/" target="_blank">燕山网络科技</a> <a href="https://slnet.taobao.com/" target="_blank">星岚网络技术</a>
</div>
</div>
<div class="well well-lg">本站�供的是<a href="http://favicon.hnysnet.com/ico/" target="_blank">�费在线ico图标转�</a>�务,�以方便快速地实现icon图标转�,从而得到你想�的favicon.ico图标。
</div>
</div>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</body>
</html>