function showPic(){ var pic = $("#pic").get(0).files[0]; var file=document.getElementById("pic").files[0]; console.log(file); // alert(file['name']); //显示文件名 document.getElementById('textfield').value=file['name']; // uploadFile(); } function uploadFile(){ var pic = $("#pic").get(0).files[0]; var formData = new FormData(); formData.append("file" , pic); /** * 必须false才会避开jQuery对 formdata 的默认处理 * XMLHttpRequest会对 formdata 进行正确的处理 */ $.ajax({ type: "POST", url: url, data: formData , processData : false, //必须false才会自动加上正确的Content-Type contentType : false , beforeSend:function(){ console.log("正在进行，请稍候"); }, success : function(responseStr) { console.log(responseStr); alert(responseStr); }, xhr: function(){ var xhr = $.ajaxSettings.xhr(); if(onprogress && xhr.upload) { xhr.upload.addEventListener("progress" , onprogress, false); return xhr; } } }); } /** * 侦查附件上传情况 ,这个方法大概0.05-0.1秒执行一次 */ function onprogress(evt){ var loaded = evt.loaded; //已经上传大小情况 var tot = evt.total; //附件总大小 var per = Math.floor(100*loaded/tot); //已经上传的百分比 $("#showSon").html( per +"%" ); $("#showSon").css("width" , per +"%"); }