css+js远程上传图片【原创

来源:https://www.sucaihuo.com/js/1343.html 2017-02-09 23:01浏览(769) 收藏

css+js跨域上传图片,jQuery跨域JSON传参上传图片并获得返回结果。
css+js远程上传图片
分类:表单代码 > 图片上传 难易:中级
查看演示 下载资源 下载积分: 40 积分

上传按钮触发,Ajax跨越请求

$("#uploadBtn").change(function() { if (typeof (FileReader) != "undefined") { var formdata = new FormData(); var v_this = $(this); var fileObj = v_this.get(0).files; var img = $("#imgPath"); formdata.append("imgFile", fileObj[0]); $.ajax({ url: "https://api.longqiuhong.com/upload/images", type: "POST", dataType: "JSON", async: false, data: formdata, cache: false, contentType: false, processData: false, timeout: 5000, success: function(data) { if (data.success == true) { img.attr('src', data.url); img.css('display', 'block'); $("#uploadFile").val(data.url); } else { alert("上传错误!!"); } }, error: function(XMLHttpRequest, textStatus, errorThrown) { console.log(errorThrown) } }); } });

标签: 上传跨越
声明:本文为原创文章,如需转载,请注明来源sucaihuo.com并保留原文链接:https://www.sucaihuo.com/js/1343.html
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2