Ajax实现文件上传
<form id="form1" name="form1"> <input type="file" name="fileToUpload" id="fileToUpload" multiple="multiple"/> <progress id="progressBar" value="0" max="100"></progress> <span id="percentage"></span> <input type="button" onclick="UpladFile()" value="Upload" /> </form>
<script type="text/javascript"> $(document).ready(function () { $('#form1').submit(function () { var formdata = new FormData(); var fileObj = document.getElementById("fileToUpload2").files; for (var i = 0; i < fileObj.length; i++) formdata.append("file" + i, fileObj[i]); $.ajax({ type: 'POST', url: '/Home/Upload2', data: formdata, /** *必须false才会自动加上正确的Content-Type */ contentType: false, /** * 必须false才会避开jQuery对 formdata 的默认处理 * XMLHttpRequest会对 formdata 进行正确的处理 */ processData: false }).then(function () { alert('done'); }, function () { //failCal }); return false; }); }); function ajaxUpload() { $("#form1").submit(); } </script> 本文由用户 jopen 自行上传分享，仅供网友学习交流。所有权归原作者，若您的权利被侵害，请联系管理员。
转载本站原创文章，请注明出处，并保留原始链接、图片水印。
本站是一个以用户分享为主的开源技术平台，欢迎各类分享！