具体代码如下所示：
<!doctype html> <html> <head> <meta charset="utf-8" /> <title></title> <script src="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='"+reader.result+"'>"; }; } </script> </body> <html>
实现上传图片直接预览，避免提交后在读取图片的冗余过程