国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

vue+Element Ui 實現自動上傳圖片

hufeng / 619人閱讀

摘要:點擊上傳文件按鈕方法自動上傳到多個圖片上傳文件上傳畫稿之前先判斷畫稿規格再插再到為了解決異步使用為了解決異步使用圖片名稱字符長度超過不能上傳提示確定是異步的小牌不能上傳提示確定大牌不能上傳提示確定插入必須使用同步

點擊上傳文件按鈕 beforeAvatarUpload方法自動上傳1到多個圖片


   上傳文件   

    

**//上傳畫稿之前先判斷畫稿規格 再插oracle 再post到php
//為了解決onload異步使用promise**

beforeAvatarUpload:function(file) {
    var _this = this;
    return new Promise(function(resolve, reject) { //為了解決onload異步使用promise
        if(file.name.length > 100){
            _this.$alert(file.name+"圖片名稱字符長度超過100,不能上傳!", "提示", {confirmButtonText: "確定"});
            reject();
            return;
        }
        var reader = new FileReader();
        var img_oracleFlag = false;
        reader.onload = function(event) { //onload是異步的
            var image = new Image();
            image.onload = function () {
                var width = this.width;
                var height = this.height;
                if (width>height && vm.radio.GGH=="小牌"){
                    _this.$alert(file.name+"不能上傳!", "提示", {confirmButtonText: "確定"});
                    reject();
                    return;
                }else if (width           
               
                                           
                       
                 

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/108523.html

相關文章

  • Element-ui實現合并多圖上傳(一次請求多張圖片

    摘要:實現多圖上傳主要用到以下兩個屬性是自帶多圖上傳的,但是細心的朋友可能發現默認多圖的實現可能和我們預期有些出入,有截圖可以看出,實質是進行多次請求在上傳事件觸發后,多圖上傳的默認實現調用了三次請求。 前言 工作中碰到需要多圖上傳,在使用element-ui解決過程中碰到一些問題,在這里分享給大家。 環境: Springboot+Vue+Element-ui 正文 這次上傳使用的是Elem...

    loostudy 評論0 收藏0
  • 前端小姿勢

    摘要:文章包含學習中遇到的問題小白水平可能會包含一些錯誤或者還沒寫完或者非最佳實踐僅供參考父子組件的參考官方文檔點我父級不需要操作額外代碼子代操作方法一這個的官方會有介紹子代操作方法二通過這個實現的看了不少文章,這種比較多以為例子先簡單介紹 文章包含學習中遇到的問題 小白水平 可能會包含一些錯誤 或者還沒寫完... 或者非最佳實踐 僅供參考 1.父子組件的v-model 參考vue官方文檔...

    JeOam 評論0 收藏0
  • 前端小姿勢

    摘要:文章包含學習中遇到的問題小白水平可能會包含一些錯誤或者還沒寫完或者非最佳實踐僅供參考父子組件的參考官方文檔點我父級不需要操作額外代碼子代操作方法一這個的官方會有介紹子代操作方法二通過這個實現的看了不少文章,這種比較多以為例子先簡單介紹 文章包含學習中遇到的問題 小白水平 可能會包含一些錯誤 或者還沒寫完... 或者非最佳實踐 僅供參考 1.父子組件的v-model 參考vue官方文檔...

    liaosilzu2007 評論0 收藏0
  • 前端小姿勢

    摘要:文章包含學習中遇到的問題小白水平可能會包含一些錯誤或者還沒寫完或者非最佳實踐僅供參考父子組件的參考官方文檔點我父級不需要操作額外代碼子代操作方法一這個的官方會有介紹子代操作方法二通過這個實現的看了不少文章,這種比較多以為例子先簡單介紹 文章包含學習中遇到的問題 小白水平 可能會包含一些錯誤 或者還沒寫完... 或者非最佳實踐 僅供參考 1.父子組件的v-model 參考vue官方文檔...

    LeexMuller 評論0 收藏0
  • 步步向前之Element-UI

    摘要:無效方案根據交易所小時成交量占比和實時價格加權計算得到渲染結果是一個包含了文字,同時有名為的,并無小圖標,后邊中括號結構里只能有一個有待考證。 Table 固定表頭 只要在el-table元素中定義了height屬性,即可實現固定表頭的表格,而不需要額外的代碼。例如: ... 這里文檔只給了一種固定高度250px的解決方案,實際應用大多數是需要自適應占滿父元素,超出滾動固定表頭的...

    Imfan 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<