微信小程序技巧之show内容展示,上传文件编码问题
作者:扶桑木下 发布时间:2023-09-23 07:25:30
标签:微信小程序,中文编码
show内容展示
尝试用微信小程序的template组件实现。同时,尝试页面间转跳时传参,在目标页面引入模板文件实现 写的更少,做的更多 篇幅有限详细代码此处省略
<view class="show-warp">
<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
},
onLoad: 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 (res.data.status === 1) {
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
});
} else if (res.data.status === 2 || res.data.status === 0) {
self.onLoad();
}
objDa = [];
}
});
}
上传文件编码问题(*)
header 里的数据在真机预览的时候是无效的。那就尝试改变编码进行传输,在uploadFile 的参数中加入
header: {“chartset”:”utf-8”}
或是
header: {"content-type":'application/x-www-form-urlencoded'}
需要改到 formData 中,尝试将编码数据加入formData,但仅仅传输了数据,并没有改变编码.header有问题暂时找不到解决方案,所以编码操作暂时只能手动进行.在javascript 中,字符串编码函数是 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);
}
});
来源:https://segmentfault.com/a/1190000007862733
0
投稿
猜你喜欢
- 锚点是“top”,可以放在页面的任何位置,一般是页首。程序就是对锚点出现的判断,我设置的数值是4,意思是出现4个动态数据就出现一个锚点,少于
- 我们公司网站的项目都是采用utf-8编码格式的,一天,发现部分电脑打开网站的一个页面是空白页,要在IE下重新选择编码才显示正常。我们网站的编
- 如何实现在下拉菜单里输入文字? 用这个代码试试看,应该可以的:<script>function pp(){se.opt
- html<!--图片轮播 Start--><div class="pics-ul">
- canal简介由阿里巴巴开源 github地址:https://github.com/alibaba/canalCanal是阿里巴巴开源的一
- 站长们是不是还在为空间不支持域名绑定到子目录而发愁呢?买了个便宜也不错的空间,用的还满意,准备再开几个网站,却发现空间程序太落后,无法支持域
- 相对于 Ajax,服务端 XMLHTTP 就是在服务端使用 XMLHttpRequest 对象了。虽然说,在服务端使用异步请求是比较不方便的
- 一、密码式给数据库起一个随机复杂的名称,避免被猜到被下载,这种方式在以前很流行,因为大家都对自己的代码很有自信。但随着错误提示对数据库地址的
- 内容摘要: Request和Response这两个对象是ASP所提供的内置对象中最常用的两个。在浏览器(或其他用户代理)和Web服
- WEB标准,从我大二开始接触到毕业后的第一份工作“页面重构工程师”,从接触标准到蓝色理想标准区版主的四年多时间里,WEB标准已经成为我生活中
- MYSQL数据库以它短小、方便、速度快、免费等优点成为很多网站目前首选数据库,但一般都是用PHP+MYSQL相结合来开发各种动态页面,其实A
- “网页设计三剑客”可能很多新同学都没听说过,因为缔造神话的公司已经快销声匿迹。“网页设计三剑客”是Macromedia公司旗下Dreamwe
- 越简单越丰富——极简网页设计视觉呈现技巧如何让杂乱又咄咄逼人的网页变得轻薄简洁而美观,又需保留完整功能、同时很好的区分出重点模块?这往往是让
- <style> *{position:absolute;} #panel *{border:1px so
- 可试试下面这个方法,但要保证在FORM中使用的Input Name都和数据库中使用的是一样的:upfiles.asp<% &
- 代码如下:<% Randomize Do While Len(pass)<12 
- 我们将在下面的例子中使用这个 XML 文档。<?xml version="1.0" encod
- 1.比喻 如同Windows用桌面、文件夹、垃圾筒来比喻计算机的*作,Web的设计也是如此。善于利用明确、抽象或概念化的比喻ICON来表达各
- 周六。据闻北服美女甚多,于是应邀去做了一个关于UED的讲座。人不多,讲的很乱,但大家听的很认真,欣慰。讲完之后回答了很多关于社区、搜索、设计
- 1069错误(由于登录失败而无法启动服务)解决方法在本版面出现这个问题的频率也算是很高的了,新手通常会比较多遇到这个问题原因很简单,安装SQ