監聽事件
mounted() {
document.addEventListener('paste', this.onPasteUpload)
}
粘貼的時候組裝formData , 下面代碼中的檔案域name屬性是 imagefile ,，然后呼叫jquery的ajax方法傳過去 ， 后端和普通檔案一樣就可以 ， 回傳檔案上傳后路徑
var formData = https://www.cnblogs.com/taoshihan/p/new FormData();
formData.append('imgfile', file);
效果可以直接點擊本頁面的與我交流 ， 粘貼上傳一張圖片
//粘貼上傳圖片 onPasteUpload(event){ let items = event.clipboardData && event.clipboardData.items; let file = null if (items && items.length) { // 檢索剪切板items for (var i = 0; i < items.length; i++) { if (items[i].type.indexOf('image') !== -1) { file = items[i].getAsFile() } } } if (!file) { return; } let _this=this; var formData = https://www.cnblogs.com/taoshihan/p/new FormData(); formData.append('imgfile', file); $.ajax({ url: '/uploadimg', type: "post", data: formData, contentType: false, processData: false, dataType: 'JSON', mimeType: "multipart/form-data", success: function (res) { }, error: function (data) { console.log(data); } }); } }, mounted() { document.addEventListener('paste', this.onPasteUpload) },
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/107710.html
標籤：JavaScript
上一篇：前端之BOM和DOM
下一篇：JS——BOM操作