uni圖片上傳


記一次uni-app圖片上傳功能的實現

    upload() {
                var obj = {};
                var thisa = this;
                uni.chooseImage({
                    sizeType: ['original', 'compressed'], //可以指定是原圖還是壓縮圖,默認二者都有
                    sourceType: ['album'], //從相冊選擇
                    success: function(res) {
                        console.log(JSON.stringify(res.tempFilePaths), 999999);
                        let arr = [];
                        let i = 0;
                        for (var item of res.tempFiles) {
                            //判斷圖片大小
if(item.size>10485760){ uni.showToast({ title: "圖片大小不能超過10M,請重新選擇", icon:"none" }); break; }; uni.uploadFile({ url: '域名', filePath: item.path, name: 'image', formData: { 'token': uni.getStorageSync("token") }, success: function(uploadFileRes) {var i = JSON.parse(uploadFileRes.data) thisa.img.push(i.path) thisa.host = i.server_url thisa.$emit("arr", thisa.img) }, error: function(a) { console.log(a,"失敗原因"); } }); } }, error: function(e) { // console.log(e); } }); }
 //刪除功能 i為用戶要刪除第幾張圖片
 shanchu(i) {
                 var t = this
                 uni.showModal({
                     title: '提示',
                     content: '確定刪除嗎?',
                     success: function(res) {
                         if (res.confirm) {
                             t.img.splice(i, 1);
                             t.$emit("arr", t.img)
                         }
                     }
                 });

}

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM