WebUploader是由Baidu WebFE(FEX)團(tuán)隊(duì)開(kāi)發(fā)的一個(gè)簡(jiǎn)單的以HTML5為主，FLASH為輔的現(xiàn)代文件上傳組件。在現(xiàn)代的瀏覽器里面能充分發(fā)揮HTML5的優(yōu)勢(shì)，同時(shí)又不摒棄主流IE瀏覽器，沿用原來(lái)的FLASH運(yùn)行時(shí)，兼容IE6+，iOS 6+, android 4+。兩套運(yùn)行時(shí)，同樣的調(diào)用方式，可供用戶(hù)任意選用。采用大文件分片并發(fā)上傳，極大的提高了文件上傳效率。整體功能很強(qiáng)大，支持各種回調(diào)函數(shù)，方便擴(kuò)展自己的UI設(shè)計(jì)。

引入資源

WebUploader實(shí)現(xiàn)文件上傳，只需要引入3種資源：JS, CSS, SWF(swf文件會(huì)自動(dòng)載入,只要你目錄正確).

<link rel="stylesheet" type="text/css" href="webuploader文件夾/webuploader.css">

<script type="text/javascript" src="webuploader文件夾/webuploader.js"></script>

Html部分

首先準(zhǔn)備dom結(jié)構(gòu)，包含存放文件信息的容器、選擇按鈕和上傳按鈕三個(gè)部分。

<div id="uploader" class="wu-example">

<div id="thelist" class="uploader-list"></div>

<div class="btns">

<div id="picker">選擇文件</div>

<button id="ctlBtn" class="btn btn-default">開(kāi)始上傳</button>

</div>

</div>

初始化Web Uploader

上面是最簡(jiǎn)單的引入，如果不出意外的話，應(yīng)該可以上傳文件，如果還不可以的話，直接在官網(wǎng)查看 教程

-----------------------分割線-----------------------

在PC端測(cè)試的時(shí)候，沒(méi)有問(wèn)題，但是在移動(dòng)端上傳的時(shí)候，在選擇文件的時(shí)默認(rèn)是打開(kāi)系統(tǒng)照相機(jī)，這個(gè)反人類(lèi)的設(shè)計(jì)著實(shí)不好用！仔細(xì)審查了一下源代碼，原來(lái)是在input上面設(shè)置了如下屬性capture=camera,用編輯器打開(kāi) webupload.js 大概 4926 行，注釋掉如下代碼：

然后在手機(jī)端測(cè)試，發(fā)現(xiàn)出現(xiàn)了多個(gè)菜單選擇如下圖:

歡迎關(guān)注?碼農(nóng)之家?,本文碼農(nóng)之家原創(chuàng)，轉(zhuǎn)載請(qǐng)注明原文出處

總結(jié)

以上是生活随笔為你收集整理的如何修改WebUpload上传文件默认调用系统相机，而不是手机相册？的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。