Ajax實現文件上傳

jopen 12年前發布 | 129K 次閱讀 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>  </pre><br />
 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!