说明 :
图片服务器是用Nginx搭建的,用的是PHP语言
这个功能 需要 用到两个js文件:
jquery.js和jQuery.form.js
<script type="text/JavaScript" src="js/jquery.js"></script><script type="text/javascript" src="js/jquery.form.js"></script><form id="upload-form" enctype="multipart/form-data" method="post" action="http://u01.madailvxing.cn/images/upload.php"> <input type="file" name="pic[]"> <input type="hidden" name="MAX_FILE_SIZE" value="10000000"> <input type="submit" name="sub" value="上传" onclick="submitImgSize1Upload()"> </form><script type="text/javascript">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]);}) }
免责声明:
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
软考中级精品资料免费领
- 历年真题答案解析
- 备考技巧名师总结
- 高频考点精准押题
- 资料下载
- 历年真题
193.9 KB下载数265
191.63 KB下载数245
143.91 KB下载数1142
183.71 KB下载数642
644.84 KB下载数2755
相关文章
发现更多好内容猜你喜欢
AI推送时光机Java使用Ajax实现跨域上传图片功能
后端开发2023-05-31
VUE +UEditor如何实现单图片跨域上传功能
后端开发2024-04-02
java使用CKEditor实现图片上传功能
后端开发2023-05-31
React+ajax+java如何实现上传图片并预览功能
后端开发2023-06-08
如何实现Ajax上传图片及上传前先预览功能
后端开发2024-04-02
WebUploader实现图片上传功能
后端开发2024-04-02
Android实现图片上传功能
后端开发2022-06-06
Django实现上传图片功能
后端开发2024-04-02
Android实现上传图片功能
后端开发2024-04-02
js实现上传图片功能
后端开发2024-04-02
java实现上传图片并压缩图片大小功能
后端开发2023-05-31
vue使用element实现上传图片和修改图片功能
后端开发2024-04-02
Ajax怎么实现上传图像功能
后端开发2023-06-29
ajax怎么实现异步文件或图片上传功能
后端开发2023-06-08
android实现图片上传功能(springMvc)
后端开发2022-06-06
php中怎么利用ajax实现无刷新上传图片功能
后端开发2024-04-02
如何使用HTML5实现多张图片上传功能
后端开发2024-04-02
vue如何使用element实现上传图片和修改图片功能
后端开发2023-07-02
Golang如何实现图片上传功能
后端开发2023-06-30
VUE如何实现上传图片功能
后端开发2023-07-04
咦!没有更多了?去看看其它编程学习网 内容吧