ajax文件上传

转载于 2015-12-22 14:32:00 发布 · 62 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/craftsdream/blog/549012

文章标签：

#json #python

本文介绍如何利用Ajax实现文件上传功能，并在页面上实时预览上传的图片，包括请求设置、成功处理与错误处理。

2019独角兽企业重金招聘Python工程师标准>>>

$.ajaxFileUpload({  
	            url: '${dynamicDomain}/screenshot/uploadImage?ajax=1',  
	            secureuri: false,  
	            fileElementId: 'uploadFile1',  
	            dataType: 'json',  
	            success: function(json, status) {
	                if(json.result=='true'){
	                    var filePath = json.filePath;
	                    var img = '<a style="float: right;cursor: pointer;" id="mainDelete" data-path="'+filePath+'">删除</a>'+
	                    '<img alt="" src="${dynamicDomain}'+filePath+'" width="100px" height="100px;">';
	                    $("#mainPicture").val(filePath);
	                    $("#mainImg").html(img);
	                    bindPictureDelete();
	                }else{
	                    alert(json.message);
	                }
	            },error: function (data, status, e)//服务器响应失败处理函数
	            {
	                alert(e);
	            }
	        }  
	    );

转载于:https://my.oschina.net/craftsdream/blog/549012