WebUploader是由Baidu WebFE(FEX)團隊開發的一個簡單的以HTML5為主，FLASH為輔的現代文件上傳組件。在現代的瀏覽器里面能充分發揮HTML5的優勢，同時又不摒棄主流IE瀏覽器，沿用原來的FLASH運行時，兼容IE6+，iOS 6+, android 4+。兩套運行時，同樣的調用方式，可供用戶任意選用。采用大文件分片并發上傳，極大的提高了文件上傳效率。整體功能很強大，支持各種回調函數，方便擴展自己的UI設計。

引入資源

WebUploader實現文件上傳，只需要引入3種資源：JS, CSS, SWF(swf文件會自動載入,只要你目錄正確).

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

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

Html部分

首先準備dom結構，包含存放文件信息的容器、選擇按鈕和上傳按鈕三個部分。

<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">開始上傳</button>

</div>

</div>

初始化Web Uploader

上面是最簡單的引入，如果不出意外的話，應該可以上傳文件，如果還不可以的話，直接在官網查看 教程

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

在PC端測試的時候，沒有問題，但是在移動端上傳的時候，在選擇文件的時默認是打開系統照相機，這個反人類的設計著實不好用！仔細審查了一下源代碼，原來是在input上面設置了如下屬性capture=camera,用編輯器打開 webupload.js 大概 4926 行，注釋掉如下代碼：

然后在手機端測試，發現出現了多個菜單選擇如下圖:

歡迎關注?碼農之家?,本文碼農之家原創，轉載請注明原文出處

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。