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");//獲取表單的數(shù)據(jù)
var formdata = new FormData( form );//格式化表單數(shù)據(jù)
$.ajax({
url: “跨域的url",
type: "post",
data: formdata, //處理表單數(shù)據(jù)
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實現(xiàn)跨域上傳圖片功能,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對我們網(wǎng)站的支持!
時間: 2017-08-31
總結
以上是生活随笔為你收集整理的java ajax传输图片_Java使用Ajax实现跨域上传图片功能的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: js中当等于最小值是让代码不执行_从浏览
- 下一篇: 柔性体没有应变_边坡防护终结篇!柔性防护