微信小程式檔案壓縮上傳

api說明

文件chooseimage

選擇createcanvascontext

建立canvas畫布

getimageinfo

獲取資訊

canvascontext.drawimage()

繪製影象到畫布

canvascontext.draw()

繪製是否跟著上次繪製，即是否清空畫板

canvastotempfilepath

把當前畫布匯出指定大小的，即壓縮

上傳

data: ,

// 選擇
chooseimage: function () )}})
},// 繪圖
drawcanvas: function () , () => )
// 畫出壓縮
ctx.drawimage(that.data.files, 0, 0, that.data.canvaswidth, that.data.canvasheight)
ctx.draw()
// 等待壓縮生成
that.prodimageopt()}}
})}
})},
// 壓縮
prodimageopt: function () )
// 檢視檔案壓縮後的資訊
// wx.getimageinfo(
// })}})
},// 上傳
create: function () , 300)
// 請求函式
......
...}

小程式檔案

小程式中有四種檔案，分別是wxml wxss js和json檔案。其中最重要的兩個是wxml和js檔案，乙個是頁面骨架，乙個是要實現頁面邏輯的。而wxss是渲染作用，要是可以難看點的話，那麼直接不要wxss檔案，json檔案相當於配置檔案，還可以存放一些測試的資料。接下來分別講一下wxml wxss...

微信小程式 文字跑馬燈

效果 1 顯示完後再顯示view class example class marquee box class marquee text style px font size px view view view 2 出現白邊後即顯示view class example class marquee bo...

微信小程式文章介面簡單布局

效果圖 wxml檔案 class content class author date src images 4.png class author image class date logo 2017年七月text view class title 那年夏天你在 text class article ...