这篇文章主要介绍了Java使用Ajax实现跨域上传图片功能,需要的朋友可以参考下
说明 ：
图片服务器是用Nginx搭建的，用的是PHP语言
这个功能 需要 用到两个js文件：
jquery.js和jQuery.form.js
function submitImgSize1Upload() { var postData = function( form , callback){ var form = document.getElementById("upload-form");//获取表单的数据 var formdata = new FormData( form );//格式化表单数据 $.ajax({ url: “跨域的url", type: "post<mark style="color:transparent">来源gaodaimacom搞#^代%!码网</mark>", data: formdata, //处理表单数据 dataType: 'json', processData: false, contentType: false, //success: function(data){ // alert(data); // }, // error: function(data){ // console.log(data); // } }) $(".submit-btn").on("click",function(){ postData($(this).parents("form")[0]); }) }
下面是上传成功截图：
下图是上传成功后访问图片：访问地址：http://u01.madailvxing.cn/images/2017_09/ec16243fa22a20bb7573101f955a7f83.jpg-600
2017_9:文件夹名
ec16243fa22a20bb7573101f955a7f83：php同事那边随机生成的这张图片的文件名
总结
以上所述是小编给大家介绍的Java使用Ajax实现跨域上传图片功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对gaodaima搞代码网网站的支持！
您可能感兴趣的文章:
- React+ajax+java实现上传图片并预览功能
- 使用Ajax进行文件与其他参数的上传功能(java开发)
- AJAX实现数据的增删改查操作详解【java后台】
- Java后台判断ajax请求及处理过程详解
- 使用jquery 的ajax 与 Java servlet的交互代码实例
- java模拟ajax访问另一个项目的controller代码实例
- Java+Ajax实现的用户名重复检验功能实例详解
- jQuery的Ajax接收java返回数据方法
- AJAX+JAVA用户登陆注册验证的实现代码
- 原生JavaScrpit中异步请求Ajax实现方法
- Javaweb使用cors完成跨域ajax数据交互
- Java使用Ajax异步上传文件
以上就是Java使用Ajax实现跨域上传图片功能的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：Java使用Ajax实现跨域上传图片功能
转载请注明原文链接：Java使用Ajax实现跨域上传图片功能
