問題描述

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

問題解答

大概思路：

監(jiān)聽onpaste事件

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

// ’/image/.test(event.clipboardData.types)’ // 檢查是否為圖片// 獲取圖片二進制數(shù)據(jù)（似乎瀏覽器的實現(xiàn)都會有大小差異）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將數(shù)據(jù)發(fā)送到后端服務器，后端將圖片存儲起來后，返回一個圖片可訪問地址

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