html 图片上传跨域,html5 ajax 跨域上传图片

html:

js:

// 读取地址

function readURL(input, tmpimg) {

if (input.files && input.files[0]) {

var reader = new FileReader();

reader.onload = function (e) {

if (!/image/.test(e.target.result)) {

alert('请上传图片格式...');

return false;

alert(22);

}

tmpimg.attr('src', e.target.result);

}

reader.readAsDataURL(input.files[0]);

}

var stringImg = "";

$(function () {

// var tmpimgurl = $(".choseimg img").attr('src');

// 头像

$(".choseimg input").change(function () {

var $me = $(this);

var $img = $me.parent().find('img');

readURL(this, $img);

var file = this.files[0];

var formData = new FormData();

formData.append('img1', file);

$.ajax({

type: "POST", //必须用post

url: "http:///MicroMartApi/MemberHandler.ashx?action=upload&username=" + username.username,

crossDomain: true,

jsonp: "jsoncallback",

data: formData,

contentType: false, //必须

processData: false,

//不能用success，否则不执行

complete: function (data) {

var data = eval(data.responseText);

console.log(data.Data);

}

});

html 图片上传跨域,html5 ajax 跨域上传图片相关推荐

图片上传组件_配置Django-TinyMCE组件实现上传图片功能
Django自带的Admin后台,好用,TinyMCE作为富文本编辑器,也蛮好用的,这两者结合起来在做博客的时候很方便(当然博客可能更适合用Markdown来写),但是Django-TinyMCE这个 ...
html如何显示上传进度条,HTML5 Ajax文件上传进度条如何显示
这篇文章主要介绍了HTML5 Ajax文件上传进度条是如何显示的,基于原生html5实现,不需要falsh支持,进度可以自定义显示,控制灵活,对HTML5上传进度条感兴趣的小伙伴们可以参考一下原本打 ...
elementui图片上传php,vue+Element Ui 实现自动上传图片
点击上传文件按钮 beforeAvatarUpload方法自动上传1到多个图片 class="upload-demo" ref="upload" accept= ...
umeditor图片上传跨域问题
最近项目中使用到了umeditor 1.2.2,在图片上传的过程中遇到跨域问题.umeditor在图片上传模块中使用iframe来获取服务端的返回结果.众所周知,在chrome等浏览器中是不允许ifr ...
c ajax 上传图片插件,ajax实现图片上传和预览
图片上传功能 html结构: ![](6f4fbfb7/addimg.png) 在html中input的type=file就可以实现文件的上传功能,在其属性中也包含一个accept='':可以限制文件 ...
html 头像选择,html5点击上传头像选取本地图片上传代码
特效描述:html5 点击上传头像选取本地图片上传代码.html5点击上传头像,图片上传代码代码结构 1. HTML代码上传头像 //获取上传按钮 var input1 = document. ...
ajax上传图片并显示,Ajax实现图片上传并预览
效果见尾部. 最近在使用ThinkPHP5开发项目中客户有一个需求是在图片上传时附带预览功能.虽然现在有很多的插件能实现,但是还是觉得自己写比较好.我们知道,图片上传需要一个input:file表单 ...
Ajax实现图片上传并预览
效果见尾部. 最近在使用ThinkPHP5开发项目中客户有一个需求是在图片上传时附带预览功能.虽然现在有很多的插件能实现,但是还是觉得自己写比较好.我们知道,图片上传需要一个input:file表单 ...
php html5手机端多张图片上传,PHP+jQuery+html5实现图片选取裁剪上传(兼容手机上传)...
在网上找到了图片上传插件jquery.min.js,但没有上传功能,自己花了10分钟给加上去了哈,有bug留言,一般当天改完上传. 下载资源下载积分: 100 积分 HTML 首先我们放置一个上传按 ...

html 图片上传跨域,html5 ajax 跨域上传图片

html 图片上传跨域,html5 ajax 跨域上传图片相关推荐

最新文章

热门文章