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

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

小云云
小云云Original
2018-05-24 14:36:5212874Durchsuche

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>

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);
}

}
});
},

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!

Stellungnahme:
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