//上传本地图片
function uploadLocalImg(src){
var formData = new FormData($("#upload_img")[0]);
var data = src;
data = data.split(',')[1];
data = window.atob(data);
var ia = new Uint8Array(data.length);
for (var i = 0; i < data.length; i++) {
ia[i] = data.charCodeAt(i);
}
var blob = new Blob([ia],{type:imgType,endings:'transparent'});
formData.append("image", blob, imgName);
$.ajax({
url: 'api/image/upload',
dataType: "json",
type: 'POST',
cache: false,
beforeSend: function(xhr){
if(token && token != ''){
xhr.setRequestHeader('token', token);
}
},
data: formData,
processData: false,
contentType: false,
success: function (data) {
if(data.isSuccessful){
var src = data.data.url;
var insertImg = '<img src="'+ src +'"style="max-width:100%;display:inline;">';
UE.getEditor('editor').execCommand('insertHtml', insertImg);
Common.floatingMessage("添加图片成功~");
$(".imgs").hide();
$(".dialog_mask").hide();
}else{
alert(data.message);
}
},
error: function (data) {
console.log(data);
}
});
}
上传图片demo
原创
©著作权归作者所有:来自51CTO博客作者wx623bde3c17367的原创作品,请联系作者获取转载授权,否则将追究法律责任
上一篇:app与网页交互
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
jquery裁剪图片上传 jquery图片上传demo
本用例主要含两个文件(index.html、submit_form_process.php),一个文件夹(files/)。特别的,files中含一个报错图片error.jpg,jquery库引用了外链。 1、index.html文件 功能:点击图片添加文件、添加多
jquery裁剪图片上传 php xhtml javascript ViewUI -
jquery带标题图片上传 jquery图片上传demo
目录:1. 利用Jquery插件 ajaxfileupload 上传图片 2. 利用prototype插件实现图片的剪裁 环境:win2003+IE7 工具: 1.
jquery带标题图片上传 prototype jquery jquery插件 function