java ajax传输图片_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]);

})

}

下面是上传成功截图：

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

总结

以上所述是小编给大家介绍的Java使用Ajax实现跨域上传图片功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！

时间： 2017-08-31

java ajax传输图片_Java使用Ajax实现跨域上传图片功能相关推荐

java 跨域上传,Java如何利用Ajax完成跨域上传图片的功能介绍
这篇文章主要介绍了Java使用Ajax实现跨域上传图片功能,需要的朋友可以参考下说明 : 图片服务器是用Nginx搭建的,用的是PHP语言这个功能需要用到两个js文件: jquery.js和j ...
ajax跨域请求wcf,ajax wcf 指定某个域名进行跨域访问
Hi fss, 你是怎么实现ajax wcf发布后可以被任意域名访问的? 根据我的理解和测试,创建一个新的wcf ajax enabled service是不支持跨域访问的.需要自己加功能来实现跨域访 ...
跨域上传图片的尝试过程，最终成功了--- 转载
关于这个跨域上传图片的问题,其实去年底的时候就该去实现的,因为老板朝三暮四,一会儿让做这个,一会儿看那个,就耽误了.因为这个过程花费了我整整一天的时间,我认为有必要记录下来. 首先,项目是一个ERP, ...
java中ajax概念_Java之AJAX概念和实现方式
Java之AJAX概念和实现方式开发工具与关键技术:MyEclipse 10,java 作者:刘东标撰写时间:2019-06-12 1．概念: Asynchronous JavaScript An ...
mvc ajax post json数据,springmvc解决ajax post json格式数据的跨域问题
前言:今天解决js跨域,搞了一下午,呜呜,以下是我整理的一些解决方法. Paste_Image.png JsonTest click me var jsonData = JSON.stringify( ...
ajax提交不能进入后台_Ajax跨域问题
今天写表单提交时候遇到个问题, 每次提交都提示是跨域的问题,捣鼓了半天,发现少了个属性后台的跨域设置: 前台form表单提交: 解决方式: 在表单提交时候加2个属性访问正常解决跨域请求问题,首先 ...
php图片上传怎么跨域,ajax跨域上传图片（后端php）完整例子
1.html内容: 上传截图: 成功文件: 2.js代码: function uploadImage(){ //获取图片 var file = $('#uploadFile')[0].files[0] ...
【笔记】跨域重定向中使用Ajax（XHR请求）导致跨域失败
背景: 1.前端Web中有两个域名,a.com和b.com,其中a.com是访问主站(页面),b.com是数据提交接口的服务器(XHR请求) 2.a.com中用XHR调用b.com/cerate[没有 ...
PHP的介绍及应用,ajax的介绍及应用，跨域问题及jsonp解决方法
PHP(服务器编程语言) 服务器由环境(Apache),数据库(mysql),代码(HTML+css +js,php)组成. PHP必须在服务器的环境下执行 php与js最大的区别就是工作环境,PHP ...

java ajax传输图片_Java使用Ajax实现跨域上传图片功能

java ajax传输图片_Java使用Ajax实现跨域上传图片功能相关推荐

最新文章

热门文章