[Javascript]使用ajaxFileUpload實現「檔案上傳」的功能-1(前端only)

  • 3791
  • 0
  • 2018-10-13

AjaxFileUpload, Javascript

在使用前,須於html中加入以下兩行:

<script src="../Scripts/jquery-1.12.4.min.js"></script>
<script src="../Scripts/ajaxfileupload.js"></script>

javascript 程式碼:

$.ajaxFileUpload
(
   {
        url: 'http://192.168.0.103:8080/neitwebapi/api/FileUpLoad/',   //處理上傳的controller
        type: 'POST',
        secureuri: false,
        fileElementId: 'file_upload',   //<input runat="server" id="file_upload" type="file" name="fileUpload" accept="image/*" />
        dataType: 'text'
        success: function (data, status) {
            alert(data + "上傳成功!");
        },
        error: function (data, status, e) {
              alert(e);
        }
     }
);

本文對應的web api後端程式,參考:[C#]使用ajaxFileUpload實現「檔案上傳」的功能-2(後端only)