帝國cms后臺多圖集H5上傳插件webuploader,一款多功能上傳組件工具,支持當前主流的web語言,適配多個瀏覽器版本,下面給出webuploader最新插件源碼資源下載,搭建方便,能滿足不同用戶的上傳需求,極大地提高了上傳效率,需要進行網頁端資源上傳整理的朋友們可以下載瀏覽。
webuploader背景
WebUploader 是由Baidu WebFE(FEX)團隊開發(fā)的一個簡單的以HTML5為主,F(xiàn)LASH為輔的現(xiàn)代文件上傳組件。在現(xiàn)代的瀏覽器里面能充分發(fā)揮HTML5的優(yōu)勢,同時又不摒棄主流IE瀏覽器,延用原來的FLASH運行時,兼容IE6+,Andorid 4+,IOS 6+。兩套運行時,同樣的調用方式,可供用戶任意選用。
采用大文件分片并發(fā)上傳,極大的提高了文件上傳效率。
webuploader特色
分片、并發(fā)
分片與并發(fā)結合,將一個大文件分割成多塊,并發(fā)上傳,極大地提高大文件的上傳速度。當網絡問題導致傳輸錯誤時,只需要重傳出錯分片,而不是整個文件。另外分片傳輸能夠更加實時的跟蹤上傳進度。
預覽、壓縮
支持常用圖片格式jpg,jpeg,gif,bmp,png預覽與壓縮,節(jié)省網絡數(shù)據(jù)傳輸。 解析jpeg中的meta信息,對于各種orientation做了正確的處理,同時壓縮后上傳保留圖片的所有原始meta數(shù)據(jù)。
多途徑添加文件
支持文件多選,類型過濾,拖拽(文件&文件夾),圖片粘貼功能。粘貼功能主要體現(xiàn)在當有圖片數(shù)據(jù)在剪切板中時(截屏工具如QQ(Ctrl + ALT + A), 網頁中右擊圖片點擊復制),Ctrl + V便可添加此圖片文件。
HTML5 & FLASH
兼容主流瀏覽器,接口一致,實現(xiàn)了兩套運行時支持,用戶無需關心內部用了什么內核。同時Flash部分沒有做任何UI相關的工作,方便不關心flash的用戶擴展和自定義業(yè)務需求。
MD5秒傳
當文件體積大、量比較多時,支持上傳前做文件md5值驗證,一致則可直接跳過。如果服務端與前端統(tǒng)一修改算法,取段md5,可大大提升驗證性能,耗時在20ms左右。
易擴展、可拆分
采用可拆分機制, 將各個功能獨立成了小組件,可自由搭配。采用AMD規(guī)范組織代碼,清晰明了,方便高級玩家擴展。
webuploader搭建
1、將webupload文件放到/e/extend/目錄下
2、新建字段uploadimg,將下面的代碼放入“輸入表單替換html代碼”中
3、修改一下兩個文件
打開/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'],
);
//設置_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']));
}