h5多图片上传
⑴ 做H5的时候上传图片总因为过大而上传失败，怎么办
你好 图片你需要压缩，搜索一些像tinypng的图片压缩工具；同样的音乐也可以用 QQ影音压缩。另外给你几点小意见
推荐的字体（结合主题形式，如果是搞笑和动漫风格的就可以采用艺术诙谐的字体）
默认中文字体 Heiti SC ，中文名称叫黑体-简，一般用华文黑体来代替，两者差异微小；
默认英文字体 Helvetica Neue LT ；
一般情况下用图片以640X113px进行设计；其他安卓机器前端切图时可以适当拉伸，变化不会太大就不用每个进行适配。
大家如果有h5定制的需求可以去了解新工式
希望可以帮到你，望采纳~
⑵ H5+APP混合开发上传图片
mui.init()
var page=null;
page={
imgUp:function(){
plus.nativeUI.actionSheet({cancel:"取消",buttons:[
{title:"拍照"},
{title:"乱友从相册中选择"}
]}, function(e){//1 是拍照 2 从相册中选择
switch(e.index){
case 1:appendByCamera();break;
case 2:appendByGallery();break;
}
});
}
function appendByCamera(){
// 拍照上传图片，调用摄像头
plus.camera.getCamera().captureImage(function(e){
plus.io.resolveLocalFileSystemURL(e, function(entry) {
// 将路径转为网络敏陪桥路径进行图片预览
var path = entry.toRemoteURL();
document.getElementById('preview').src = path
$('.previewimage')[0].style.display = 'block'
$('.imageBox')[0].style.display = 'none'
}, function(e) {
mui.toast("读取拍照文件错误：" + e.message);
});
});
}
// 从相册选取文件
function appendByGallery(){
plus.gallery.pick(function(e){
// 将本地路径转为相对路径，然后再将相对路径转为网络路径，进行图片的预览
plus.io.resolveLocalFileSystemURL(plus.io.convertLocalFileSystemURL(e), function(entry) {
var path = entry.toRemoteURL();
document.getElementById('preview').src = path
$('.previewimage')[0].style.display = 'block'
$('.imageBox')[0].style.display = 'none'
}, function(e) {
mui.toast("读取拍照文件错误：" + e.message);
});
});
}
var ImgList = []
function getfiles() {
var imageurl = document.getElementById("preview").src
var p = new Promise(function (resolve, reject) {
// 将网络路径转为本地的路径，再将本地的路径转为file
plus.io.resolveLocalFileSystemURL( plus.io.convertLocalFileSystemURL(imageurl), function( entry ) {
// 可通过entry对象操作文件
entry.file( function(file){
ImgList.push(file)
resolve(ImgList[0])
});
桥猛 }, function ( e ) {
alert( "Resolve file URL failed: " + e.message );
})
})
return p
}
// 调用转换路径的函数
getfiles()
// 等待转化完成进行上传
.then(res =>{
// 上传的地址
// plus.uploader.createUpload('url',{},function(){})
// 只能是http://或者是https://开头的地址，{}上传的方式，function(){} 回调函数
var task = plus.uploader.createUpload( "url",
{ method:"POST"},
function ( t, status ) {
// 上传完成
if ( status == 200 ) {
// 图片上传完成，可进行下一步的操作
alert( "Upload success: " + t.url );
} else {
alert( "Upload failed: " + status );
}
}
);
// 要上传的文件file，也可以是本地路径的
task.addFile( res, {key:"img"} ); //类似fromData.append('img',document.getElementById('submitImage').files[0])
// 加上文件上传的其他参数
task.addData( "task_id", taskID );
// 设置请求头，若服务器需要校验请求头
task.setRequestHeader("Authorization",localStorage.getItem('mytoken'))
//task.addEventListener( "statechanged", onStateChanged, false );
// 开始上传
task.start()
})
⑶ h5页面做好后如何上传
上传到自己的网站服务器上面，最好单独建立一个目录，防止和pc端页面冲突。
⑷ 为什么微信公众号上传H5长页图片显示创建图文失败提交微信信息失败
图片太大了，这个有大小限制，目前是单张图片要小于5m。如果真的拿薯闷超过这个，你可以把它分割成多个图片就可消弯以了。用键盘喵微信编手团辑器把图文导出图片的话，可以多次分割。默认的尺寸也可以，不会太大。
⑸ H5页面上传图片后预览时加载速度慢是什么原因啊
影响网页打开上传速度的因素主要有如下几方面：
1、用户和网站处于不同网段，例如电信用户与网通网站之间的访问
2、系统有病毒，尤其是蠕虫类病毒，严重消耗系统资源，打不开页面，甚至死机。
3、本地网络速度太慢，过多台电脑共享上网，或共享上网用户中有大量下载时也会出现打开网页速度慢的问题。
4、使用的浏览器有BUG，例如多窗口浏览器的某些测试版也会出现打开网页速度慢的问题。 把本地网络重启一下，网络修复一下.360把IE修复一下，360卫士/高级/IE修复。
5、访问的网站负荷太重，带宽相对太窄，程序设计不合理，也会出现打开网页速度慢的问题。
6、网络防火墙的设置不允许多线程访问，例如目前WinXPSP2就对此默认做了限制，使用多线程下载工具就受到了极大限制，BT、迅雷都是如此。因此，同时打开过多页面也会出现打开网页速度慢的问题。
7、是否和系统漏洞有关，也不好说，冲击波等病毒就是通过漏洞传播并导致系统缓慢甚至瘫痪的
8、网络中间设备问题，线路老化、虚接、路由器故障等。
注： DNS设置方法：
1.网上邻居 右键属性
2.双击 本地连接
3.常规下面选择 属性
4.INTERNET 协议（TCP/IP）双击
5.使用下面的DNS服务器地址 （输入获取的DNS地址）
6.之后全部确定出来，重启电脑之后再试一下即可。
⑹ h5为啥我的图片上传在电脑上可以多选，在手机上只能选择一个， 不能像微信发朋友圈那样调取相册选择多张
你好！
可能是因为开发者在手机上进行了限制，
都是选择一张。
电脑上你选择多张，
也只显示一张。
相关代码：var file = uploadBth.files[0].
希望对你有帮助。
⑺ h5多图上传的时候readasdataurl怎么读取file
1.var reader = new FileReader(); 2. reader. 3.file); reader.onload = function(e){ 这个地方的代码有问题，将中间两行(2,3)的代码改为： reader.readAsDataURL(file);
⑻ "怎么把H5上传的图片放在数据库里"
"怎么把H5上传的图片放在数据库里"
你给的网页用的是 <input accept="image/*" type="file">，在IOS端点击时会提示选择图片或相机，安卓端要看浏览器对这两个属性的优化，部分浏览器会直接跳转到资源管理器，优化做得好的可以直接提示选择相册或相机。这两个属性的用法可以去w3cschool上面看看。
⑼ H5调用本地相册/相机上传图片
在开发中有时候会用到H5调用本地图片粗伏或者相机，像第三方的实名认证，在线客服等蔽凳档等都需要上宏乱传图片。H5中只需要通过 <input> 调用即可，ios是可以的实现的，不需要自己处理，除非客户端压缩图片，但是Android中需要自己处理，比较坑，本文记录H5调用本地图片或者相机的实现过程以及遇到的问题。
H5主要是通过 input 标签来获取图片
通过 WebView 加载 h5 页面，监听 WebView 对应的方法，实现自己的逻辑。
当点击 input 标签的时候会调用 WebChromeClient 的 onShowFileChooser() 方法（5.0+）或者 openFileChooser() 方法（3.0+）在改方法中处理自己逻辑，这里是弹出一个原生的选择框，选择从相册还是拍照获取图片。
拍照和打开相册功能封装到了 PhotoUtils 工具类中了。
file_paths.xml
从相册中选择
onActivityResult() 方法处理
这里使用 Luban 压缩以后再上传的