ajax异步上传图片,ajax 上传
写爬虫互联网协议(互联网协议)被封了怎么解决?立即使用
【相关学习推荐:java基础教程】
说明:
图片服务器是用Nginx搭建的,用的是服务器端编程语言(专业超文本预处理器的缩写)语言
这个功能需要用到两个射流研究…文件:
jquery.js和jQuery.form.js
脚本类型= text/JavaScript src= js/jquery。js /脚本
脚本类型= text/JavaScript src= js/jquery。形式。js /脚本
form id= upload-form enctype= multipart/form-data method= post action= http://u01。马代尔旅星。cn/images/上传。 PHP
输入类型=文件名称=pic[]
输入类型=隐藏名称=最大文件大小值=10000000
输入类型=提交名称=子值=上传onclick=submitImgSize1Upload()
/表单
脚本类型=文本/javascript
函数submitImgSize1Upload() {
var postData=function( form,callback){
var表单=文档。getelementbyid(“upload-form”);//获取表单的数据
var FormData=new FormData(form);//格式化表单数据
$.ajax({
url:"跨域的url ,
类型: post ,
数据:表单数据,//处理表单数据
数据类型: json ,
processData: false,
contentType: false,
//成功:函数(数据){
//alert(数据);
//},
//错误:函数(数据){
//console.log(数据);
//}
})
$(.提交——BTN).on(click ,function(){
postData($(这个)。parents( form )[0]);
})
}下面是上传成功截图:
下图是上传成功后访问图片:访问地址:http://u01。马代尔旅星。cn/images/2017 _ 09/EC 16243 fa 22 a 20 bb 7573101 f 955 a7f 83。使用jpeg文件交换格式存储的编码图像文件扩展名
2017_9:文件夹名
EC 16243 fa 22 a 20 bb 7573101 f 955 a7f 83:PHP同事那边随机生成的这张图片的文件名
以上就是掌握爪哇使用埃阿斯实现跨域上传图片功能的详细内容,更多请关注我们其它相关文章!
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。