wx.uploadFile-返回值注意 JSON.parse

  • wx.uploadFile-返回值注意
    JSON.parse
  • wx.uploadFile-需要指定 name
  • wx.uploadFile-返回值注意 JSON.parse
  • wx.uploadFile-需要指定
    name

一、准备工作



1)配置uploadFile合法域名

wx.uploadFile({ url: url, filePath: filePath, name: ‘name’,

wx.uploadFile

2)在做微信小程序的图片上传之前我们需要先配置uploadFile的合法域名。这个可以看之前的文章服务器配置部分。

如上,这个 name 是需要指定的,即使你就给它指定为 ‘name’ 也可以。

  • filePath 指定文件上传路径。
  • formData 指定其他要上传的值(类似 wx.request 中的 data)。

二、看小程序文档

否则会发生什么事呢?在开发者工具中看不出什么,但在手机上预览时就会出错。

但取返回值时,如果是 JSON 要注意用 JSON.parse
转换一下(wx.request 会自动转换,wx.uploadFile 不会,所以才需要手工处理)。不过
fail: function(res) { } 这里面不需要转换,因为这里面 res 并不是
JSON 类型。

看小程序文档—wx.uploadFile,看文档主要是看小程序给的api是怎么使用的。在使用wx.uploadFile之前需要先使用wx.chooseImage(OBJECT)这个api,因为我们需要先选择图片。

  • wx.uploadFile-返回值注意
    JSON.parse
  • wx.uploadFile-需要指定 name

wx.uploadFile({ url: url, filePath: that.data.audioPath, name: ‘name’,
formData: { mode: ‘audio’, newsId: that.data.newsId }, // HTTP
请求中其他额外的 form data success: function(res){ var data =
JSON.parse(res.data);

三、代码实现


var data = JSON.parse(res.data);

1)小程序端的实现

相关阅读

wx.chooseImage({

count:9,// 默认9

sizeType:[‘original’,’compressed’],//
可以指定是原图还是压缩图,默认二者都有

sourceType:[‘album’,’camera’],//
可以指定来源是相册还是相机,默认二者都有

success:function(res){

//
返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片

vartempFilePaths=res.tempFilePaths;

wx.uploadFile({

url:”,

filePath:tempFilePaths[0],

name:’file’,

header:{

‘content-type’:’multipart/form-data’

           },

success:function(res){

vardata=res.data

console.log(res);

                            }

                 })

              }

})

  • .NET MVC 方式实现 Web
    API-处理文件上传

  • wx.uploadFile-返回值注意 JSON.parse

  • wx.uploadFile-需要指定
    name

2)服务端的实现


// 微信小程序 图片上传

varmulter=require(‘multer’)

varupload=multer({dest:’./tmp/’})

// 图片上传

router.all(‘/api/upload2’,upload.single(‘file’),function(req,res,next){

// 文件路径

varfilePath=’./tmp/’+req.file.filename;

// 文件类型

varfileType=req.file.mimetype;

varlastName=”;

switch(fileType){

case’image/png’:

lastName=’.png’;

break;

case’image/jpeg’:

lastName=’.jpg’;

break;

default:

lastName=’.png’;

break;

}

// 构建图片名

varfileName=Date.now()+lastName;

console.log(req.file);

// 图片重命名

fs.rename(filePath,fileName,(err)=>{

if(err)throwerr;

// 七牛上传

varputPolicy=newqiniu.rs.PutPolicy(bucket+”:”+fileName);

vartoken=putPolicy.token();

varextra=newqiniu.io.PutExtra();

qiniu.io.putFile(token,fileName,fileName,extra,function(err,ret){

if(!err){

// 上传成功, 处理返回值

// ret.key 是图片的名字

varimageSrc=’;

res.end(JSON.stringify({status:’100′,msg:’上传成功’,imageUrl:imageSrc}));

}else{

// 上传失败, 处理返回代码

res.end(JSON.stringify({status:’101′,msg:’上传失败’,error:ret}));

                 }

// 上传后删除本地图片

fs.unlinkSync(fileName);

           });

       });

})

发表评论

电子邮件地址不会被公开。 必填项已用*标注