帝國cms后臺多圖集H5上傳插件webuploader

帝國cms后臺多圖集H5上傳插件webuploader，一款多功能上傳組件工具，支持當(dāng)前主流的web語言，適配多個(gè)瀏覽器版本，下面給出webuploader最新插件源碼資源下載，搭建方便，能滿足不同用戶的上傳需求，極大地提高了上傳效率，需要進(jìn)行網(wǎng)頁端資源上傳整理的朋友們可以下載瀏覽。

webuploader背景

WebUploader 是由Baidu WebFE(FEX)團(tuán)隊(duì)開發(fā)的一個(gè)簡單的以HTML5為主，F(xiàn)LASH為輔的現(xiàn)代文件上傳組件。在現(xiàn)代的瀏覽器里面能充分發(fā)揮HTML5的優(yōu)勢，同時(shí)又不摒棄主流IE瀏覽器，延用原來的FLASH運(yùn)行時(shí)，兼容IE6+，Andorid 4+，IOS 6+。兩套運(yùn)行時(shí)，同樣的調(diào)用方式，可供用戶任意選用。

采用大文件分片并發(fā)上傳，極大的提高了文件上傳效率。

webuploader特色

分片、并發(fā)

分片與并發(fā)結(jié)合，將一個(gè)大文件分割成多塊，并發(fā)上傳，極大地提高大文件的上傳速度。當(dāng)網(wǎng)絡(luò)問題導(dǎo)致傳輸錯(cuò)誤時(shí)，只需要重傳出錯(cuò)分片，而不是整個(gè)文件。另外分片傳輸能夠更加實(shí)時(shí)的跟蹤上傳進(jìn)度。

預(yù)覽、壓縮

支持常用圖片格式j(luò)pg,jpeg,gif,bmp,png預(yù)覽與壓縮，節(jié)省網(wǎng)絡(luò)數(shù)據(jù)傳輸。 解析jpeg中的meta信息，對于各種orientation做了正確的處理，同時(shí)壓縮后上傳保留圖片的所有原始meta數(shù)據(jù)。

多途徑添加文件

支持文件多選，類型過濾，拖拽(文件&文件夾)，圖片粘貼功能。粘貼功能主要體現(xiàn)在當(dāng)有圖片數(shù)據(jù)在剪切板中時(shí)（截屏工具如QQ(Ctrl + ALT + A), 網(wǎng)頁中右擊圖片點(diǎn)擊復(fù)制），Ctrl + V便可添加此圖片文件。

HTML5 & FLASH

兼容主流瀏覽器，接口一致，實(shí)現(xiàn)了兩套運(yùn)行時(shí)支持，用戶無需關(guān)心內(nèi)部用了什么內(nèi)核。同時(shí)Flash部分沒有做任何UI相關(guān)的工作，方便不關(guān)心flash的用戶擴(kuò)展和自定義業(yè)務(wù)需求。

MD5秒傳

當(dāng)文件體積大、量比較多時(shí)，支持上傳前做文件md5值驗(yàn)證，一致則可直接跳過。如果服務(wù)端與前端統(tǒng)一修改算法，取段md5，可大大提升驗(yàn)證性能，耗時(shí)在20ms左右。

易擴(kuò)展、可拆分

采用可拆分機(jī)制, 將各個(gè)功能獨(dú)立成了小組件，可自由搭配。采用AMD規(guī)范組織代碼，清晰明了，方便高級玩家擴(kuò)展。

webuploader搭建

1、將webupload文件放到/e/extend/目錄下

2、新建字段uploadimg，將下面的代碼放入“輸入表單替換html代碼”中

3、修改一下兩個(gè)文件

打開/e/class/qinfofun.php文件找到

if($f=="morepic")//圖片集

代碼一覽

elseif($f=='uploadimg')

       {

        $add_temp = array(

             'msmallpic' => $add['msmalluploadimg'],

             'mbigpic'   => $add['mbiguploadimg'],

             'mpicname'  => $add['muploadimgname'],

             'mdelpicid' => $add['mdeluploadimgid'],

             'mpicid'    => $add['muploadimgid'],

             'mpicurl_qz'=> $add['muploadimgurl_qz'],

             'msavepic'  => $add['msaveuploadimg'],

             'mcreatespic'=> $add['mcreatesuploadimg'],

             'msmallpfile'=> $add['msmalluploadimgfile'],

             'mbigpfile'=> $add['mbiguploadimgfile'],

        );

        //設(shè)置_FIELS

        $_FILES['msmallpfile'] = $_FILES['msmalluploadimgpfile'];

        $_FILES['mbigpfile'] = $_FILES['mbiguploadimgpfile'];

        $add = array_merge($add,$add_temp);

        $value=ReturnMorepicpath($add['msmallpic'],$add['mbigpic'],$add['mpicname'],$add['mdelpicid'],$add['mpicid'],$add,$add['mpicurl_qz'],1,0,intval($add['fstb']));

    }