当前位置:主页 > 文章技巧
show内容展示,上传文件编码问题
日期:2017-09-11 浏览量:

微信小程序小技巧 | show内容展示,上传文件编码问题

2016-12-25 22:04 来源: 微信小程序

原标题:微信小程序小技巧 | show内容展示,上传文件编码问题

show内容展示

尝试用微信小程序的template组件实现。同时,尝试页面间转跳时传参,在目标页面引入模板文件实现写的更少,做的更多 篇幅有限详细代码此处省略

<view> <block wx:for={{discuss}}" wx:key="index"> <template is="discuss" data="{{item}}"></template> <template is="discuss-reply" data="{{item}}"></template> <template is="discuss-more" data="{{item}}"></template> </block> </view> Page({ data: { discuss: [], petAge: 0, reply: false, height: 20}, : function(){ util.dataList.call(this, { cb: util.petAge }); } }); /* * 部分公共逻辑页代码 */ function list(option) { var opt = { url: option.url || 'https://api.zg5v.com/index.php/index/show/showindex', data: option.data || { uid: 148, num: option.pageNum || 0}, update: option.update || false, cb: option.cb || false, func: option.func || false }; // 数据列表 var showList = []; var objDa = []; this.data.replyListArr = []; // 保存/修改 this指向 var self = this; ajax({ url: opt.url, data: opt.data, cb: function(res) { showList = res.data.data; // 统一格式 if(!Array.isArray(showList) && typeof showList === 'object') { // 计算评论发布时间 showList.pl.forEach(function(e, i) { e.cp_chongbirth = e.cp_addtime * 1000; e.replyTime = opt.cb(e.cp_chongbirth, true); }, showList.pl); objDa.push(showList); } else{ objDa = showList; } // 更新评论列表 if(opt.update) { let da = res.data.data.pl, plDa = self.data.discuss, i = 0, j = 0, len = da.length, jLen = plDa.length; for(; j < jLen; j++) { for(; i < len; i++) { if(plDa[j].pl.length > 0) { plDa[j].pl.push(da[i]); } } } objDa = plDa; opt.update = !opt.update; } if( for(var i = 0, len = objDa.length; i < len; i++) { if(opt.cb && typeof opt.cb === 'function') { // 计算宠物年龄 objDa[i].petAge = opt.cb(objDa[i].cp_chongbir || objDa[i].cp_chongbirth); } } self.setData({ discuss: objDa }); } elseif(res.data.status === 2|| res.data.status === 0) { self.(); } objDa = []; } }); }

上传文件编码问题(*)

header 里的数据在真机预览的时候是无效的。那就尝试改变编码进行传输,在uploadFile 的参数中加入

header: {“chartset”:”utf- 8”}

或者是

header: { "content-type": 'application/x-www-form-urlencoded'}

需要改到 formData 中,尝试将编码数据加入formData,但仅仅传输了数据,并没有改变编码.header有问题暂时找不到解决方案,所以编码操作暂时只能手动进行.在 java 中,字符串编码函数是 encodeURI, 在小程序中尝试可以使用。所以,将代码改为如下:

wx.uploadFile({ url: 'Upload image server path (Must be secure https)', // 待上传的图片,由 chooseImage获得 filePath: tempFilePaths[ 0], name: 'file', // HTTP 请求中其他额外的 form data formData: { // city: '太原', city: encodeURI( '太原'), // name: 'taiyan', name: encodeURI( 'taiyan') // 名称 }, success: function(res) { console.log( "success", res); }, fail: function(res) { console.log( "fail", res); } });

✦ ✦ ✦ ✦ ✦ ✦ ✦ ✦

延伸阅读(点击标题):

作者:gou-tian 原文https://github.com/gou-tian/gou-tian.github.io/issues/2

野狗微信小程序线上开发大赛,点击图篇了解详情

点击“阅读原文”,看更多

精选文章

    相关文章:
    ·水果别买PLU编码8开头的 买进口食品这些技巧要掌
    ·怎样导出高清视频 Xvid编码设置教程
    ·Win10卸载软件Skype错误代码2503的解决技巧
    ·调查显示美国半数高薪工作需要拥有的一种技能
    ·对建设项目投资项(或者成本项)信息进行编码
    → 特别推荐
    水果别买PLU编码8开头
    怎样导出高清视频
    Win10卸载软件Skype错误
    调查显示美国半数高
    对建设项目投资项(
    Docker社区核心成员D
    《智能电视娱乐操控
    栅格结构数据获取的
    Css技巧:模块化编码
    探秘最强大脑速成法
    逆回购操作方法与技
    矢量数据结构的编码
    ffmpeg与H264编码 使用技
    MYSQL数据库设计的一些
    详解VB.NET动态编码技
    → 热点TOP10
    [技巧]神秘代码
    黑客技巧--深入
    拉菲最新防伪
    《纽约时报》
    免费QQ空间五级
    孙杨200米自由
    观点有关硕士
    总结ERP之供应
    [技巧] 如何在
    基于TMS320DM37

    友情链接/网站合作咨询: