問題描述

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

問題解答

大概思路：

監(jiān)聽onpaste事件

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

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

訪問這個(gè)地址就可以看到圖片了