WeChatウィジェットを開発して写真をアップロードし、写真をダウンロードしてアルバムに保存します.
10236 ワード
WeChatウィジェットでは、雲開発アップロードは一度に複数の画像をアップロードする方法がないので、画像を配列に置くだけでなく、操作配列によって一枚のアップロードとアップロードを制御する画像`.
2.複数の画像をアップロードする場合は、配列を使用して、一枚ずつアップロードしてもいいです.
削除操作は非常に簡単です.公式文書に書かれているように.
この文章があなたの役に立つなら、いいね.
wx.cloud.uploadFile({
cloudPath: 'example.png', //
filePath: '', //
success: res => {
// ID
console.log(res.fileID)
},
fail: console.error
})
ここで注意すべき点は1つあります.ファイルのcloudPathは重複できません.名前をつけるときはタイムスタンプを使ってファイル名とマッチします.例えば、var cloudPath = 'actimg/' +new Date().getTime() + this.data.openid + this.data.imgList[i].match(/\.[^.]+?$/)[0]
ここで使用しているのは***が保存しているフォルダ+唯一のタイムスタンプ+アップロード者のopenid+この画像の拡張子の名前です.2.複数の画像をアップロードする場合は、配列を使用して、一枚ずつアップロードしてもいいです.
for (let i in this.data.imgList)
{var cloudPath = 'actimg/' +new Date().getTime() + this.data.openid + this.data.imgList[i].match(/\.[^.]+?$/)[0]
wx.cloud.uploadFile({
cloudPath,
filePath,
complete: resa => {
var temp = this.data.cloudimg
temp.push(resa.fileID)
this.setData({ cloudimg: temp })
})
}
}
アップロードした写真を携帯のアルバムに保存する方法を紹介します.他のタイプのファイルを保存するのも同じです.savesignupimg(){
wx.authorize({
scope: 'scope.writePhotosAlbum',
success:res0=>{wx.cloud.downloadFile({
fileID: this.data.actarry.groupimg, // ID
success: res => {
wx.saveImageToPhotosAlbum({
filePath: res.tempFilePath,
success:sres=>{
this.setData({
signup:false
})
}
})
},
fail: console.error
})}
})
まずwx.authorize()を使って、活動の携帯アルバムの権限を取得し、成功後にwx.cloud.downloadFile()を使用して、fileIDはアップロード成功時にフィードバック中のfileIDを使用して、このようにフィードバックの中から一時的な画像ファイルを取得して、wx.saveImage ToPhotoPhotoPhotoPhotoshotosAlbum()方法でユーザーの携帯電話のアルバムに写真を入れることができます.削除操作は非常に簡単です.公式文書に書かれているように.
wx.cloud.deleteFile({
fileList: ['a7xzcb'],
success: res => {
// handle success
console.log(res.fileList)
},
fail: console.error
})
ここのfileListでもファイルのfileIdを記入して削除します.この文章があなたの役に立つなら、いいね.