Ueditor 自動設置上傳圖片的寬度或高度


Uedior在上傳圖片的生活,需要自動設置上傳圖片的寬度或高度屬性。該方法只能用於多圖上傳組件,單圖上傳無法使用。

該方法基於 ueditor 1.4.3 版本制作:

1.添加屬性字段,在config.json文件中:

/* 上傳圖片配置項 */字段下添加:
    "imageWidth": 700, /* 上傳圖片寬度指定, 1.4.3官方版本無此參數,自行添加*/
    "imageeight": 700, /* 上傳圖片高度指定, 1.4.3官方版本無此參數,自行添加*/
    "imageSide": 1, /* 多圖上傳圖片尺寸設置方式,0為不指定,1為按照寬度,2為按照高度,3為同時指定 1.4.3官方版本無此參數,自行添加*/

2.修改插入圖片js語言邏輯,在image.js文件中:

UploadImage中:
getInsertList: function ()(約:L774)
        getInsertList: function () {
            var i, data, list = [],
                align = getAlign(),
                prefix = editor.getOpt('imageUrlPrefix');
            for (i = 0; i < this.imageList.length; i++) {
                data = this.imageList[i];
                var temp = {};
                temp["src"] = prefix + data.url;
                temp["_src"] = prefix + data.url;
                temp["title"] = prefix + data.title;
                temp["alt"] = prefix + data.original;
                temp["floatStyle"] = prefix + data.align;
                if (editor.getOpt('imageSide')==1||editor.getOpt('imageSide')==3)
                    temp["width"] = editor.getOpt('imageWidth');
                if (editor.getOpt('imageSide')==2||editor.getOpt('imageSide')==3)
                    temp["height"] = editor.getOpt('imageHeight');
                list.push(temp);

                // list.push({
                //     src: prefix + data.url,
                //     _src: prefix + data.url,
                //     title: data.title,
                //     alt: data.original,
                //     floatStyle: align
                // });
            }
            return list;
        }

PHP7.0+Ueditor1.4.3實測通過。 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM