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 壓縮以後再上傳的