av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

javascript - 一般本文編輯器里面的粘貼圖片的實現步驟是怎樣的?

瀏覽:74日期:2023-06-06 10:53:10

問題描述

我們公司需要用到一款編輯器,里面需要粘貼圖片并上傳到服務器端;想了解一下怎么實現截圖粘貼,然后上傳服務器的方法,求大神解惑!!

問題解答

回答1:

在input或textarea監聽paste事件。

獲取剪貼板的圖片文件;

利用FileReader 讀取文件dataurl 用于預覽,如果需要的話。

調用上傳接口,直接上傳即可。

element.on(’paste’, function (event) { var e = event.originalEvent, clipboardData = e.clipboardData; if (clipboardData && clipboardData.items[0].type.indexOf(’image’) > -1) {var file = clipboardData.items[0].getAsFile();//讀取e.clipboardData中的數據:Blob對象if(!checkFileSize(file.size)){ Utils.safeApply(function () {$toaster.warning('只允許上傳小于5MB的圖片'); }); return;}var reader = new FileReader();reader.onload = function (e) { Utils.safeApply(function () {$rootScope.sendPicUrl = e.target.result;$rootScope.picFile = file;Chat.showSendPic2Dialog();//這里可以調用上傳接口,直接上傳。我這里是業務關系,需要通過對話框來預覽拷貝的圖片,然后在對話框內再上傳。 }, $rootScope);};reader.readAsDataURL(file); }});

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 欧美激情视频一区二区三区在线播放 | 国产精品自拍视频 | 99re在线视频 | 欧美a级成人淫片免费看 | 亚洲欧美综合精品久久成人 | 免费观看一区二区三区毛片 | 国产一区二区日韩 | 一区二区视频在线 | 91看片网站| 精品1区| 国产99久久久国产精品 | 日韩一区二区福利 | 亚洲视频一区 | 久久福利电影 | 欧美成人精品二区三区99精品 | 欧美一区在线视频 | 精品欧美黑人一区二区三区 | 欧美一级做a爰片免费视频 国产美女特级嫩嫩嫩bbb片 | av在线一区二区三区 | 亚洲国产一区二区三区在线观看 | 91在线一区二区 | 高清黄色毛片 | 日韩视频成人 | 日韩成人免费视频 | 欧美日韩亚洲一区 | 国产a级黄色录像 | 欧美日韩精品一区二区三区蜜桃 | 国产午夜精品一区二区三区嫩草 | 视频一区二区三区在线观看 | 天天色综 | 国产日韩精品在线 | 成人免费视频网 | 日韩欧美国产一区二区 | 精品国产91亚洲一区二区三区www | 欧美成人a∨高清免费观看 色999日韩 | 免费视频二区 | 九九热免费视频在线观看 | 国产精品久久av | 国产精品有限公司 | 在线视频91| 国产91视频一区二区 |