Heim > WeChat-Applet > Mini-Programmentwicklung > Ausführliche Erklärung zum Hochladen von Avataren mit dem WeChat-Applet

Ausführliche Erklärung zum Hochladen von Avataren mit dem WeChat-Applet

小云云
Freigeben: 2018-05-24 14:36:52
Original
12919 Leute haben es durchsucht

In diesem Artikel werden hauptsächlich relevante Informationen zum Hochladen von Avataren im WeChat-Applet vorgestellt. Ich hoffe, dass dieser Artikel jedem helfen kann, eine solche Funktion zu realisieren.

Detaillierte Erläuterung von Beispielen für das Hochladen von Avataren in WeChat-Miniprogrammen

Vor Kurzem arbeite ich am Hochladen von Avataren und Fotos in WeChat-Miniprogrammen Ich habe gerade etwas Code geschrieben:

Avatar-HTML hochladen:

<view class="edit-list">
  <text class="list-name list-first">头像</text>
    <view class="edit-righr-bar">
    <image class="head-portrait" src="{{avatar}}" bindtap=&#39;changeAvatar&#39;></image>
  </view>
</view>
Nach dem Login kopieren

js-Code:

// 切换头像
changeAvatar: function () {
var that = this;
// var childId = wx.getStorageSync("child_id");
// var token = wx.getStorageSync(&#39;token&#39;);
wx.chooseImage({
count: 1, // 最多可以选择的图片张数,默认9
sizeType: [&#39;compressed&#39;], // original 原图,compressed 压缩图,默认二者都有
sourceType: [&#39;album&#39;, &#39;camera&#39;], // album 从相册选图,camera 使用相机,默认二者都有
success: function (res) {
console.log(res.tempFilePaths + "修改页面")
var avatar = res.tempFilePaths;
that.setData({
avatar: avatar,
upAvatar:true
})
 
},
fail: function () {
// fail
},
complete: function () {
// complete
}
})
},
这是是调用上传头像uploadFile方法
// 上传头像
app.uploadimg({
url: &#39;URL地址&#39;,
path: avatar,
header: {
&#39;Content-Type&#39;: &#39;multipart/form-data&#39;,
"Authorization": "Bearer " + token
},
isShow: false
});
 
上传头像代码uploadFile做了一个封装 代码放在APP.js里
//多张图片上传
uploadimg:function(data){
var that= this,
i=data.i ? data.i : 0,
success=data.success ? data.success : 0,
fail=data.fail ? data.fail : 0;
wx.uploadFile({
url: data.url,
filePath: data.path[i],
name: &#39;fileData&#39;,//这里根据自己的实际情况改
header: data.header,
formData: {
sequence:i+1
},
success: (resp) => {
success++;
console.log(resp)
console.log(i+"成功");
 
 
}
 
},
fail: (res) => {
fail++;
console.log(&#39;fail:&#39; + i + "fail:" + fail);
},
complete: () => {
console.log(i);
i++;
if (i == data.path.length) { //当图片传完时,停止调用
console.log(&#39;执行完毕&#39;);
console.log(&#39;成功:&#39; + success + " 失败:" + fail);
 
} else {//若图片还没有传完,则继续调用函数
console.log(i);
data.i = i;
data.success = success;
data.fail = fail;
that.uploadimg(data);
}

}
});
},
Nach dem Login kopieren

Die Standardeinstellung für die UploadFile-Übermittlung ist die Post-Methode, wenn die vom Hintergrund bereitgestellte Schnittstelle verwendet wird Der Beitrag muss im Hintergrund erstellt werden

Verwandte Empfehlungen:

Web-Front-End-Entwicklung hochladen Avatar js hochladen Beispielcode

PHP-Implementierung für Mobiltelefone Die Funktion zum Aufnehmen von Fotos und Hochladen von Avataren

PHP passt die Funktion zum Hochladen von von Jcrop abgefangenen Avataren an

Das obige ist der detaillierte Inhalt vonAusführliche Erklärung zum Hochladen von Avataren mit dem WeChat-Applet. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage