h5上傳文件
A. html5可以通過路徑上傳文件么
這個當然可以 只需要有合適的插件支持即可
B. html設置文件上傳類型,如何設置在選擇文件的時候只能選圖片
可以設置一下html中的accept屬性以實現上傳文件類型的篩選，accept 屬性只能與 <input type="file"> 配合使用。它規定能夠通過文件上傳進行提交的文件類型。
工具原料：編輯器、瀏覽器
1、設置一個文件上傳選項，刪選一下只能上傳圖片或者詳細的限制只能上傳圖片的某些格式，代碼如下：
<!DOCTYPEhtml>
<html>
<body>
<formaction="demo_form.asp">
<inputtype="file"name="pic"accept="image/*">
<inputtype="submit">
</form>
<p><strong>注釋：</strong>InternetExplorer9以及更早的版本不支持input標簽的accept屬性。</p>
<p><strong>注釋：</strong>鑒於安全考慮，該例不允許您上傳文件。</p>
</body>
</html>
2、運行的結果是只能上傳圖片不能上傳其他的文件，在彈出的上傳選擇對話框中也會值顯示圖片，如下圖：
C. "怎麼把H5上傳的圖片放在資料庫里"
"怎麼把H5上傳的圖片放在資料庫里"
你給的網頁用的是 <input accept="image/*" type="file">，在IOS端點擊時會提示選擇圖片或相機，安卓端要看瀏覽器對這兩個屬性的優化，部分瀏覽器會直接跳轉到資源管理器，優化做得好的可以直接提示選擇相冊或相機。這兩個屬性的用法可以去w3cschool上面看看。
D. 移動開發中，遇到了安卓不能支持HTML5文件上傳的問題，怎麼解決
PC端上傳文件多半用插件，引入flash都沒關系，但是移動端要是還用各種冗餘的插件估計得被噴死，項目裡面需要做圖片上傳的功能，既然H5已經有相關的介面且兼容性良好，當然優先考慮用H5來實現。
用的技術主要是：
ajax；
FileReader；
FormData；
HTML結構：
E. 如何把小程序的校驗文件上傳到H5伺服器裡面
1.先在前端寫一個選擇圖片的區域來觸發wx.chooseImage介面並用wx.setStorage介面把圖片路徑存起來。
-wxml <view class="shangchuan" bindtap="choose">
<image style="width:100%;height:100%;" src="{{tempFilePaths}}"></image>
</view>
<button formType='submit' class="fabu">發布項目</button>123456
/**選擇圖片 */
choose: function () { var that = this
wx.chooseImage({
count: 1,
sizeType: ['original', 'compressed'], // 可以指定是原圖還是壓縮圖，默認二者都有
sourceType: ['album', 'camera'], // 可以指定來源是相冊還是相機，默認二者都有
success: function (res) { var tempFilePaths = res.tempFilePaths
that.setData({
tempFilePaths: res.tempFilePaths
})
console.log(res.tempFilePaths)
wx.setStorage({ key: "card", data: tempFilePaths[0] })
}
})
},123456789101112131415161718
2.使用wx.uploadFile將剛才上傳的圖片上傳到伺服器上12
formSubmit2: function (e) {
var that = this
var card = wx.getStorageSync('card')
wx.uploadFile({
url: app.globalData.create_funds,
filePath: card,
name: 'card',
formData: { 'user_id': app.globalData.user_id, 'person': e.detail.value.person, 'company': e.detail.value.company,
},
success: function (res) {
console.log(res)
}
})
}
}
},
F. html設置文件上傳類型,如何設置在選擇文件的時候只能選圖片
可以直接設置input標簽的accept屬性來限制上傳文件的類型
<input type="file" accept="application/msword" ><br><br>accept屬性列表<br>12
1.accept=」application/msexcel」
2.accept=」application/msword」
3.accept=」application/pdf」
4.accept=」application/poscript」
5.accept=」application/rtf」
6.accept=」application/x-zip-compressed」
7.accept=」audio/basic」
8.accept=」audio/x-aiff」
9.accept=」audio/x-mpeg」
10.accept=」audio/x-pn/realaudio」
11.accept=」audio/x-waw」
12.accept=」image/gif」
13.accept=」image/jpeg」
14.accept=」image/tiff」
15.accept=」image/x-ms-bmp」
16.accept=」image/x-photo-cd」
17.accept=」image/x-png」
18.accept=」image/x-portablebitmap」
19.accept=」image/x-portable-greymap」
20.accept=」image/x-portable-pixmap」
21.accept=」image/x-rgb」
22.accept=」text/html」
23.accept=」text/plain」
24.accept=」video/quicktime」
25.accept=」video/x-mpeg2」
26.accept=」video/x-msvideo」
如果限制上傳的文件為圖片格式，則可以直接寫成：accept = 『image/*』；
G. html5上傳文件和html4上傳文件的區別
if( isset($_SERVER['HTTP_CONTENT_DISPOSITION'])&&preg_match('/attachment;\s+name="(.+?)";\s+filename="(.+?)"/i',$_SERVER['HTTP_CONTENT_DISPOSITION'],$info)){
//HTML5上傳（firefox和chrom核心的瀏覽器）
$localName=$info[2]; //上傳的文件名稱
$ext = pathinfo($localName);
$ext = $ext['extension'];
$upload_path = $your_path . $your_name .'.'.$ext;
//保存文件到指定的路徑
file_put_contents($upload_path,file_get_contents("php://input"));
}else{
//用於ie內核瀏覽器上傳 直接用$_FILES
}
H5實訓HTML5教育H5e
H. html點擊button彈出選擇文件，上傳，這個怎麼實現
<divclass="buttonoperating-button"id="fileUpdate-button">從Excel中批量導入</div>
<formaction=""id="fileUpdate-form">
<inputtype="file"name="filename"id="fileUpdate-input"style="display:none"/>
</form>
<scripttype="text/javascript">
//上傳文件處理
varfileUpdate_button=document.getElementById("fileUpdate-button");
varfileUpdate_input=document.getElementById("fileUpdate-input");
varfileUpdate_form=document.getElementById("fileUpdate-form");
fileUpdate_button.onclick=function(){
fileUpdate_input.click();
}
fileUpdate_input.onchange=function(){
fileUpdate_form.submit();
}
</script>
I. h5 file 多文件上傳後台怎麼接收
後天其實是得到了一個list的容器，然後所有的文件信息都在這個容器中。後台再一個個讀取出來做操作的。