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的容器，然后所有的文件信息都在这个容器中。后台再一个个读取出来做操作的。