.NET生成缩略图并下载
发布时间：2016-03-24 12:00:05
缩略图:比喻一张图片宽度为1000px,大小为800K,经过缩略后变成一张宽度100px,大小10K的图片。先给出界面:总体的流程分5步如下图：1.添加一个html:GetminPic.html 代码:<!DOCTYPE html><html &qu ...
缩略图:比喻一张图片宽度为1000px,大小为800K,经过缩略后变成一张宽度100px,大小10K的图片。
先给出界面:
总体的流程分5步如下图：
1.添加一个html:GetminPic.html
代码:
<!DOCTYPE html><html "http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title></head><body> <form action="Getmin.ashx" method="post" enctype="multipart/form-data"> 图片:<input type="file" name="file" id="file" onchange="javascript:fileInfo();" /> <p style="font-size:12px;">原图宽:<label id="ow">0</label> 原图高:<label id="oh">0</label> 原图大小:<label id="os">0</label>KB</p> <p>设置宽度:<input type="text" name="width" style="width:50px;"/> <span style="color:#09a02c;font-size:12px">高度按原图比例折算</span></p> <p><input type="submit" style="color:#ff6a00" value="下载缩略图" /> </p> </form> </body></html> <script type="text/javascript"> //上传前获取图片信息(用html5的File) function fileInfo() { var f = document.getElementById("file").files[0]; var reader = new FileReader(); reader.readAsDataURL(f); reader.onload = function (e) { var data = e.target.result; //加载一个图片获取宽度高度 var image = new Image(); image.src = data; image.onload = function () { var width = image.width; var height = image.height; var size = parseInt(f.size / 1024); document.getElementById("ow").innerHTML = width; document.getElementById("oh").innerHTML = height; document.getElementById("os").innerHTML = size; }; } } </script>
原标题：.NET生成缩略图并下载
关键词：.NET
*特别声明：以上内容来自于网络收集，著作权属原作者所有，如有侵权，请联系我们：
admin#shaoqun.com
（#换成@）。
美西海外仓：https://www.goluckyvip.com/tag/38601.html
美西海外仓地址：https://www.goluckyvip.com/tag/38602.html
美西海外仓库：https://www.goluckyvip.com/tag/38603.html
美西海运：https://www.goluckyvip.com/tag/38604.html
美西航线：https://www.goluckyvip.com/tag/38605.html
美线fba：https://www.goluckyvip.com/tag/38607.html
新疆沙漠景点 新疆沙漠景点照片：https://www.vstour.cn/a/401234.html
旅游发展委员会职能任务 旅游发展委员会职能任务有哪些：https://www.vstour.cn/a/401235.html
