你的位置:首页 > 软件开发 > ASP.net > input file 图片上传预览

input file 图片上传预览

发布时间:2016-10-25 12:00:12
<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title></title> <script src="j ...
<!DOCTYPE html><html><head>  <meta charset="utf-8" />  <title></title>  <script src='/images/loading.gif' data-original="jquery.js"></script></head><body>  <input type="file" multiple id="inputs"/>    //multiple(多文件上传)<div id='dd'></div> <script>$(document).ready(function () {  $("#inputs").change(function () {    var fil = this.files;    for (var i = 0; i < fil.length; i++) {      reads(fil[i]);    }  });});function reads(fil){  var reader = new FileReader();  reader.readAsDataURL(fil);  reader.onload = function()  {    document.getElementById("dd").innerHTML += "<img src='/images/loading.gif' data-original='"+reader.result+"'>";  };}</script></body><html>

原标题:input file 图片上传预览

关键词:上传

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。