1. 程式人生 > >ajax檔案上傳方法

ajax檔案上傳方法

<meta http-equiv="Content-Type" content="multipart/form-data;charset=UTF-8" />

$("#submit").on('click', function(){

    //可以上傳除了檔案以外的資料,並由Ajax一併提交到後臺

    Var fd = new FormData();

    fd.append("upload", $("#upload").get(0).files[0]);

    console.log("undefined" != typeof(fd) && fd != null && fd != ""); //判斷fd是否不可用

    console.log($("#upload").get(0).files[0]); //檢視檔案詳細資訊

    $.ajax({

               url: '/xxx/upload(.do)',

               type: 'post',

              data: fd,

              contextType: false,  //必寫,為了防止瀏覽器自動轉換髮送出的資料格式為字串或其他

              processData: false,  //必寫,為了防止瀏覽器自動轉換髮送出的資料格式為字串或其他

              success: function(data){

                     Console.log(data);

              }

       });

       return false; //禁止表單跳轉

});

//返回專案列表頁

function toIndex(param){

       Window.openInside('/' + SYS_CONTEXTROOT + '/xxx/index(.do)',param);

}