Layui文件上传和表单提交

//普通图片上传

var uploadInst = upload.render({

      elem: '#updateUserFace'

 ,url: '${ctx}/user/uploadUserface.action'

 ,accept:'images',

acceptMime:'image/*',

field:'mf',

before : function(obj) {

//预读本地文件示例,不支持ie8

obj.preview(function(index, file,

result) {

$('#userface').attr('src', result); //图片链接(base64)

});

},

done : function(res) {

//如果上传失败

if (res.code > 0) {

return layer.msg('上传失败');

}

//上传成功

$('#userface').attr('src', res.data.src); //图片链接(base64)

$('#imgpath').val(res.data.src);

updateUserInfo();

},

error : function() {

//演示失败状态,并实现重传

var goodsText = $('#goodsText');

goodsText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs goods-reload">重试</a>');

goodsText.find('.goods-reload').on(

'click'function() {

uploadInst.upload();

});

}

});

 

 

form.on('submit(updateUserIno)'function(data) {

updateUserInfo();

window.parent.location.href="${ctx}/login/logout.action";

});

});

function updateUserInfo() {

var params=$("#frm").serialize();

//alert(params);

 $.post("${ctx}/user/updateUserInfo.action?"+params,function(obj){

layer.msg(obj.msg);//弹出添加成功或失败

//关闭窗口

var index=layer.getFrameIndex(window.name);

layer.close(index);

}) ;

 

}

 

posted on 2018-09-20 10:34  昨天已过  阅读(1054)  评论(0)    收藏  举报

导航