利用ajaxfileupload.js实现跨域上传图片并处理返回的数据
来源:互联网 发布:炎锤网络 编辑:程序博客网 时间:2024/06/05 09:49
在开发中遇到跨域上传图片并且需要处理返回的数据。网上找了很久选择了服务器后台实现(因为2个域我都可以开发- -)
1、首先导入jquery.js和ajaxfileupload.js
2、$.ajaxFileUpload(
{
url: url, //用于文件上传的服务器端请求地址
type:'post',
secureuri: false, //是否需要安全协议,一般设置为false
fileElementId: fileId, //文件上传域的ID
dataType: 'text', //返回值类型 一般设置为json
success: function (data, status) //服务器成功响应处理函数
{
var obj = eval("(" + data + ")");
var prefix = obj.prefix;
var url = obj.url;
var realUrl = prefix + url;
$("#"+imgShow).attr("src",realUrl);
$("#"+imgShow).show();
if(null != url && url!="")
$("#"+imgUrl).attr("value",url);
$btn.removeAttr("disabled");
},
error: function (s, xml, a, e)//服务器响应失败处理函数
{
alert("不要点击太快");
//$btn.removeAttr("disabled");
}
}
);
url写要跨域的地址,在后台处理完上传来的图片之后,后台在利用重定向的方式(response.sendRedirect([本域的一个地址]+"?back="+[返回的数据]))把返回的参数返回到本域处理,然后return处理的结果即可在success中获取
- 利用ajaxfileupload.js实现跨域上传图片并处理返回的数据
- ajaxFileUpload实现图片的上传并预览
- springMVC结合ajaxfileupload.js实现图片的上传及时显示
- ajaxfileupload.js 实现异步上传图片
- 通过修改ajaxFileUpload.js实现多图片动态上传并实现预览
- ajaxfileupload文件上传返回值处理 ajaxfileupload.js + spring mvc文件上传
- JFinal+ajaxfileupload实现图片的异步上传
- ajaxfileupload.js+springMVC实现多个图片与数据同一个ajax方法上传
- 利用ajaxFileupload实现表单和图片同时上传
- S2SH 利用ajaxfileupload实现图片无刷新上传
- 使用ajaxfileupload插件实现异步上传并保存图片功能
- ajaxfileupload.js异步上传图片
- spring mvc 下使用ajaxfileupload.js 异步上传文件 并返回信息 各种问题解决
- fancybox + ajaxFileUpload + servlet 实现图片的展示以及上传
- 使用ajax上传图片(ajaxfileupload.js)
- springmvc+ajaxfileupload实现头像上传并预览
- springmvc+jquery+ajaxfileupload.js实现带有文本域的文件上传
- spring mvc+ajaxfileupload 实现异步上传图片
- Java web开发一个帐号同一时间只能一个人登录
- C和C++中const的区别
- LeetCode | Decode Ways(译码方式)
- mysql用户操作
- GPU编程之CUDA(三)——关于联想Y470
- 利用ajaxfileupload.js实现跨域上传图片并处理返回的数据
- 使用MariaDB集群运维可能涉及的细节之binarylog
- 建有序链表,还是要打好基础的。。。
- UML时序图画法
- PROTOTYPE(原型)—对象创建型模式
- 宽度全屏SeekBar实现
- 传媒经营之交通广播电台广告的独特个性
- 使用Java实现ping的功能
- OCR 人像识别引擎