国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

javascript - 一般本文編輯器裡面的貼上圖片的實(shí)現(xiàn)步驟是怎麼樣的?
三叔
三叔 2017-06-26 10:52:41
0
1
875

我們公司需要用到一款編輯器,裡面需要貼上圖片並上傳到伺服器端;
想了解怎麼實(shí)現(xiàn)截圖貼上,然後上傳伺服器的方法,求大神解惑! !

三叔
三叔

全部回覆(1)
扔個(gè)三星炸死你
  1. 在input或textarea監(jiān)聽(tīng)paste事件。

  2. 取得剪貼簿的圖片檔案;

  3. 利用FileReader 讀取檔案dataurl 來(lái)預(yù)覽,如果需要的話。

  4. 呼叫上傳接口,直接上傳即可。

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中的數(shù)據(jù):Blob對(duì)象
                        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();//這里可以調(diào)用上傳接口,直接上傳。我這里是業(yè)務(wù)關(guān)系,需要通過(guò)對(duì)話框來(lái)預(yù)覽拷貝的圖片,然后在對(duì)話框內(nèi)再上傳。
                            }, $rootScope);


                        };

                        reader.readAsDataURL(file);


                    }
                });
最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板