java ajax传输图片_Java使用Ajax实现跨域上传图片功能的方法是什么

Java使用Ajax实现跨域上传图片功能的方法是什么

发布时间：2020-08-26 10:07:20

来源：亿速云

阅读：67

作者：小新

这篇文章主要介绍了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",

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

2017_9:文件夹名

ec16243fa22a20bb7573101f955a7f83：php同事那边随机生成的这张图片的文件名

感谢你能够认真阅读完这篇文章，希望小编分享Java使用Ajax实现跨域上传图片功能的方法是什么内容对大家有帮助，同时也希望大家多多支持亿速云，关注亿速云行业资讯频道，遇到问题就找亿速云，详细的解决方法等着你来学习!