ajax异步上传图片,ajax 上传

  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的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: