javascript - 粘貼一段帶有圖片和文字的內容，如何使用js實現獲取圖片并上傳到服務器？

問題描述

需要粘貼一段帶有文字和圖片的內容，但是需要將圖片單獨上傳服務器，如何將圖片從粘帖內容里面帥選出來。。

問題解答

大概思路：

監聽onpaste事件

通過事件回調中的event參數，獲取剪貼板數據event.clipboardData(不是所有的瀏覽器都支持)

// ’/image/.test(event.clipboardData.types)’ // 檢查是否為圖片// 獲取圖片二進制數據（似乎瀏覽器的實現都會有大小差異）Array.each(event.clipboardData.items, function(item){if (/image/.test(item.type)) {var blob = item.getAsFile();var URL = window.URL || window.webkitURL;var source = URL.createObjectURL(blob);console.log(source) }});

通過Ajax將數據發送到后端服務器，后端將圖片存儲起來后，返回一個圖片可訪問地址

訪問這個地址就可以看到圖片了