要引用ajaxfileupload.js文件來實現文件上傳功能,可以按照以下步驟操作:
<script src="ajaxfileupload.js"></script>
function uploadFile() {
var fileInput = document.getElementById('fileInput');
if (fileInput.files.length === 0) {
alert('請選擇文件');
return;
}
var file = fileInput.files[0];
$.ajaxFileUpload({
url: 'upload.php',
secureuri: false,
fileElementId: 'fileInput',
dataType: 'json',
success: function(data, status) {
if (typeof (data.error) !== 'undefined') {
alert(data.error);
} else {
alert(data.msg);
}
},
error: function(data, status, e) {
alert('文件上傳失敗');
}
});
}
在上述代碼中,需要替換參數url的值為文件上傳的接口地址,fileElementId為input type="file"元素的id,dataType為預期返回的數據類型。
最后,在HTML文件中添加一個上傳文件的input元素,并為其指定id和onchange事件觸發文件上傳功能。示例代碼如下:
<input type="file" id="fileInput" onchange="uploadFile()">
通過以上步驟,即可實現使用ajaxfileupload.js文件進行文件上傳的功能。