当前位置:编程学习 > C#/ASP.NET >>

做出来了就是个好东西,没做出来就是垃圾(不是指各位的哈,是这个难题)

大家看看这个二维码生成器 怎么把它弄到本地 我想把图片存到本地
[img=http://flashphp.org/QRCodeGen/][/img] --------------------编程问答-------------------- 地址是这个 大家请看 我就想实现这个小工具http://flashphp.org/QRCodeGen/  --------------------编程问答-------------------- 下载它的JS和CSS
然后抄他的源代码。。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>QR图生成器 v0.2</title>
<script type="text/javascript" src="http://www.google.com/jsapi?key=ABQIAAAAS44nSGVnT0GyW9P6JwovqhQOx0AHdvd5mAWDQjnw7FrH7iTr7hQYyIEUqhGSclPQuTt2jJYwKFKzaw"></script>
<script>
google.load("jquery", "1.4.2");
google.load("jqueryui", "1.8.5");
    </script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.3/themes/base/jquery-ui.css" type="text/css" media="all"/>
<style type="text/css">
#qrcodeMaker {
width:500px;
border:#999 solid 1px;
padding:10px;
margin:5px;
}
body {
margin-left: 4px;
margin-top: 4px;
margin-right: 4px;
margin-bottom: 4px;
}
body, td, th {
font-size: 12px;
}
#confirm {
text-align:right;
}
label {
font-weight:bold;
vertical-align:top;
}
#preview{
min-height:200px;
min-width:200px;
margin:20px;
text-align:center;
}
#qrURL{
text-align:center;
}
#qrURL_text{
width:400px;
}
</style>
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-68427-3']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
</head>
<body>

<div id="qrcodeMaker">
<h1>二维码(QRCode)生成器 v0.2</h1>
<div id="preview"><img src=""/></div>
<div id="qrURL">
<label for="qrURL_text">图片地址:<textarea name="qrURL_text" rows="3" readonly="readonly" id="qrURL_text"></textarea></label>
</div>
<div id="options" style="margin:5px;">
<p>尺寸:

<label for="opt_width"><input name="opt_width" type="text" id="opt_width" value="200" size="4" maxlength="4"/>px</label> x 高
<label for="opt_height"><input name="opt_height" type="text" id="opt_height" value="200" size="4" maxlength="4"/>px</label>
</p>

</div>
<div id="tabs">
<ul>
<li><a href="#tabs-1">默认内容</a></li>
<li><a href="#tabs-2">电话号码</a></li>
<li><a href="#tabs-3">短信&彩信</a></li>
<li><a href="#tabs-4">邮件地址</a></li>
<li><a href="#tabs-5">通讯录</a></li>
</ul>
<div id="tabs-1">
<p>

<label for="tab1_text">文字内容:
<textarea name="tab1_text" id="tab1_text" style="width:80%;height:100px">测试内容</textarea>
</label>
</p>
</div>
<div id="tabs-2">
<p>
<label for="tab2_telno">电话号码:
<input name="tab2_telno" type="text" id="tab2_telno" size="20" maxlength="50"/>
</label>
</p>
</div>
<div id="tabs-3">
<p>
<label for="tab3_telno">号码:
<input name="tab3_telno" type="text" id="tab3_telno" size="30"/>

</label>
<br/>
<label for="tab3_message">信息:
<textarea name="tab3_message" cols="30" rows="4" id="tab3_message"></textarea>
</label>
<br/>
<label for="tab3_type">类型:
<input name="tab3_type" type="radio" id="tab3_type" value="SMSTO" checked="checked"/>
短信
<input name="tab3_type" type="radio" id="tab3_type" value="MMSTO"/>
彩信</label>
</p>
</div>
<div id="tabs-4">
<p>

<label for="tab4_email">邮件地址:</label>
<input name="tab4_email" type="text" id="tab4_email" size="30" maxlength="200"/>
</p>
</div>
<div id="tabs-5">
<p>
<label for="tab5_FormattedName">姓 名:</label>
<input type="text" name="tab5_FormattedName" id="tab5_FormattedName"/>
<br/>
<label for="tab5_Telephone">电 话:</label>
<input type="text" name="tab5_Telephone" id="tab5_Telephone"/>
<br/>
<label for="tab5_Email">邮件地址:</label>

<input type="text" name="tab5_Email" id="tab5_Email"/>
<br/>
<!-- <label for="tab5_X-MSN">MSN:</label>
        <input type="text" name="tab5_X-MSN" id="tab5_X-MSN" />
        <br />-->
<label for="tab5_Organization">公司名称:</label>
<input type="text" name="tab5_Organization" id="tab5_Organization"/>
<br/>
<label for="tab5_Title">职 位:</label>
<input type="text" name="tab5_Title" id="tab5_Title"/>
<br/>
<label for="tab5_Address">联系地址:</label>
<input type="text" name="tab5_Address" id="tab5_Address"/>
<br/>
<label for="tab5_URL">网站地址:</label>

<input type="text" name="tab5_URL" id="tab5_URL"/>
<br/>
</p>
</div>
</div>
<div id="confirm">
<input type="button" name="button" id="confirm_button" value="生成QR图"/>
</div>
</div>
二维码(QRCode)生成器 v0.2<br/>
powered by <a href="http://code.google.com/apis/chart/image_charts.html" target="_blank">Google Chart API</a> & <a href="http://flashphp.org" target="_blank">flashphp.org</a>

<script>
var current_tab_id = 'tabs-1';
$(function() {

$("#tabs").tabs();
$("#tabs").bind( "tabsselect", function(event, ui) {
current_tab_id = ui.panel.id;
//alert($("#tabs").tabs('option', 'selected'));
});
$("#tabs").tabs( "select" , 0 );
$("#confirm_button").button();
$("#confirm_button").click(function(){
$("#preview > img").attr("src","");
var current_tab = $("#tabs").tabs('option', 'selected');
var qrOpt = {};
switch(current_tab){
case 0 :
qrOpt.chl = $.trim($("#tabs-1 #tab1_text").attr("value"));
break;

case 1 :
qrOpt.chl = "tel:"+$.trim($("#tabs-2 #tab2_telno").attr("value"));
break;

case 2 :
qrOpt.chl = $("#tabs-3 #tab3_type:checked").attr("value")+":"+$.trim($("#tabs-3 #tab3_telno").attr("value"))+":"+$.trim($("#tabs-3 #tab3_message").attr("value"));
break;

case 3 :
qrOpt.chl = "mailto:"+$.trim($("#tabs-4 #tab4_email").attr("value"));
break;

case 4 :
qrOpt.chl = "BEGIN:VCARD\nVERSION:3.0\n";
var v = $.trim($("#tabs-5 #tab5_FormattedName").attr("value"));
qrOpt.chl += v ? ("FN:"+v+"\n") : "";

v = $.trim($("#tabs-5 #tab5_Telephone").attr("value"));
qrOpt.chl += v ? ("TEL:"+v+"\n") : "";

v = $.trim($("#tabs-5 #tab5_Email").attr("value"));
qrOpt.chl += v ? ("EMAIL:"+v+"\n") : "";

v = $.trim($("#tabs-5 #tab5_X-MSN").attr("value"));
qrOpt.chl += v ? ("X-MSN:"+v+"\n") : "";

v = $.trim($("#tabs-5 #tab5_Organization").attr("value"));
qrOpt.chl += v ? ("ORG:"+v+"\n") : "";

v = $.trim($("#tabs-5 #tab5_Title").attr("value"));
qrOpt.chl += v ? ("TITLE:"+v+"\n") : "";

v = $.trim($("#tabs-5 #tab5_Address").attr("value"));
qrOpt.chl += v ? ("ADR:"+v+"\n") : "";

v = $.trim($("#tabs-5 #tab5_URL").attr("value"));
qrOpt.chl += v ? ("URL:"+v+"\n") : "";
qrOpt.chl += "END:VCARD";
break;
}
qrOpt.chs = $("#options #opt_width").attr("value")+"x"+$("#options #opt_height").attr("value");
qrOpt.cht = "qr";
qrOpt.chld = "|1";
qrOpt.choe = "UTF-8";
$("#preview > img").attr("src","http://chart.apis.google.com/chart?"+$.param(qrOpt));
$("#qrURL_text").attr("value","http://chart.apis.google.com/chart?"+$.param(qrOpt));
_gaq.push(['_trackEvent', 'QRCodeGen', 'Generate', current_tab_id]);
});
$("#confirm_button").click();
});

</script>
</body>
</html>
--------------------编程问答--------------------  不懂! --------------------编程问答-------------------- js生成的 --------------------编程问答-------------------- 那怎麼把圖片保存到本地了? --------------------编程问答-------------------- --------------------编程问答-------------------- 研究研究。这个比一维的强。 --------------------编程问答-------------------- 结贴率太扎眼。。。 --------------------编程问答-------------------- 路过,问一下用来干嘛的? --------------------编程问答-------------------- 急用  會的來看看吖 謝謝 --------------------编程问答--------------------
引用 4 楼 starfd 的回复:
js生成的


没有的事。

#2贴代码了,可以(最后几行)很明显看出,它是将image的src重定向到服务器,让服务器下载新产生的图片的。 --------------------编程问答--------------------
引用 11 楼 sp1234 的回复:
引用 4 楼 starfd 的回复:

js生成的


没有的事。

#2贴代码了,可以(最后几行)很明显看出,它是将image的src重定向到服务器,让服务器下载新产生的图片的。


是这个意思哦,类似 动态生成验证码

所以 你无法得到源码

--------------------编程问答--------------------
引用楼主 gangchengdu 的回复:
怎么把它弄到本地 我想把图片存到本地


html、javascript无法保存浏览器用url所下载文件到本地。需要使用RIA来写,或者ActiveX、Applet之类的进行开发。 --------------------编程问答--------------------
引用 11 楼 sp1234 的回复:
引用 4 楼 starfd 的回复:

js生成的


没有的事。

#2贴代码了,可以(最后几行)很明显看出,它是将image的src重定向到服务器,让服务器下载新产生的图片的。



偉哥 你知道怎麼做不? 謝謝 --------------------编程问答--------------------
补充:.NET技术 ,  ASP.NET
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,