mui.js 上拉加载下拉刷新,mui.ajax 使用 FormData 格式提交图片文件到服务器,预览大图需引入mui.min.js,提交json格式的数组参数

1 篇文章 0 订阅
1 篇文章 0 订阅
  1. mui使用FormData提交数据,需要设置processData: false,否则会以默认true的形式将提交参数转换成对象以配合默认类型“application/x-www-form-urlencoded”,而contentType:“application/json” 必须是json数据,FormData形式不属于此类,因此需要同时设置contentType: false
  2. 需要提交json数组如,[1,2,3]样的参数时,在header 添加 ‘Content-Type’:‘application/json’;
// mui 使用FormData put图片文件
var form = new FormData()
form.append('id': 1)
form.append('img', file)
mui.ajax(url, {
	data: form,
	dataType: 'json',
	type: 'put',
	timeout: 10000, 
	cache: false, // 不设置缓存
	processData: false, // 不处理数据 
	contentType: false, // 不设置内容类型
	headers: {
		'X-CSRFToken': mToken,
		'rspcsftoken': mToken,
		'rspsessionid': msessionid
	},
	success: function(data) {
		if(data.status == 0){
			mui.toast("信息上传成功");
		}else{
			mui.toast(data.detail);
		}
	},
	error: function(xhr, type, errorThrown) {
		mui.toast(errorThrown);
	}
});

<script>
	// mui下拉刷新无效,设置 h5pullDown = true
	var h5pullDown = true;
	// mui预览大图
	// 需要同时引入 mui.imageviewer.css,mui.min.js,mui.previewimage.js, 在plusReady中调用 mui.previewImage()
	mui.plusReady(function() {
		mui.previewImage();
	})
</script>


  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值