您的位置:首页 > 其它

webkit内核下(chrome 360急速模式 搜狗高速模式)ctrl+v粘贴图片

2014-04-17 14:27 253 查看
<script>
(function($) {
$.fn.pasteImg = function(options) {
var defaults = {
url : 'upload',
path : '/upload',
success : function(data) {
$(this).append("<div><img src='./upload/" + data + "'</img>" + '</div>');
}

};
var opts = $.extend(defaults, options);
$(this).on('paste', function(b) {
var e = b.originalEvent;
var items = e.clipboardData.items;
for ( var i = 0; i < items.length; ++i) {
var item = e.clipboardData.items[i];
if (items[i].kind == 'file' && items[i].type == 'image/png') {
//FileReader可以参考API
var fileReader = new FileReader();
//readAsDataURL是一个异步过程,这里提供回调方法
fileReader.onloadend = function() {
var d = this.result.substr(this.result.indexOf(',') + 1);
$.ajax({
type : 'POST',
url : opts.url,
dataType: "json",
data : {
content : encodeURIComponent(d),
path : opts.path
},
success : opts.success
});

};
fileReader.readAsDataURL(item.getAsFile());
break;
// Just get one
}
}
});

};
})(jQuery);

$('#test').pasteImg({
//后台接收请求地址
url : '/management/tb_item/imgUpload',
//生成图片存放路径
path : '/styles/upload',
success : function(res) {
alert(res);
if(res.statusCode == 200){
$('.img').html("<img src='"+res.message+"' />");
}
}
});
</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: