jQuery onsendstart是一個非常有用的事件,它在上傳文件之前被觸發
$('#fileupload').fileupload({ onsendstart: function (e, data) { //執行一些操作 } });
當上傳文件之前需要一些工作時,可以使用onsendstart。例如,您可以檢查文件的大小或類型,或者將上傳的文件添加到列表中。這個事件可以讓你在上傳之前做一些自定義的處理。
在上面的代碼中,我們為一個fileupload元素添加了一個onsendstart事件。當被觸發時將執行一些操作。其中,e代表事件對象,data代表上傳的數據。
$('#fileupload').fileupload({ onsendstart: function (e, data) { //檢查文件類型和大小 var fileType = data.files[0].type; var fileSize = data.files[0].size; if (fileType !== 'image/jpeg' && fileType !== 'image/png' && fileType !== 'image/gif') { alert('只能上傳jpg、png、gif格式的圖片!'); return false; } if (fileSize >1024 * 1024) { alert('上傳的圖片大小不能超過1MB!'); return false; } //添加上傳的文件到列表 $('').text(data.files[0].name).appendTo('#filelist'); } });
在上面的代碼中,我們檢查了上傳的圖片的類型和大小。如果不符合要求,將彈出提示框并取消上傳。如果符合要求,將上傳的文件名添加到列表中。
使用onsendstart事件,可以讓文件上傳變得更加靈活和自定義。它給了開發者更多的控制權,可以在上傳之前做一些自己想要的操作。