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>
相关文章推荐
- 360或其他双核浏览器下在兼容模式用chrome内核渲染的方法
- 让网站 在国产(360)浏览器默认使用极速模式(webkit内核) 加载
- js实现ctrl+v粘贴上传图片(兼容chrome、firefox、ie11)
- js实现ctrl+v粘贴上传图片(兼容chrome、firefox、ie11)
- 让360、QQ等国产浏览器自动启用chrome内核模式
- js实现ctrl+v粘贴上传图片(兼容chrome、firefox、ie11)【转载】
- js实现ctrl+v粘贴上传图片(兼容chrome、firefox、ie11)
- 介绍一个轮播插件,适配ie6-ie11,ff,chrome,opera,360,搜狗
- 浏览器I/O读写测试:Chrome vs. 360急速浏览器
- 指定360安全浏览器使用 webkit 内核渲染
- css渐变参数说明(webkit内核的safari、 Chrome, FF等)
- js ctrl+v实现图片粘贴
- 360极速版+刷火车票应用----Chrome内核刷票 + IE内核网银付款,完美解决Chrome内核网银支付问题
- Chrome内核解析 -- 背景篇:Chrome, Chromium, WebKit, WebKit2, Blink
- js/jQuery判断浏览器名称、内核版本、浏览器壳(百度,360,搜狗,QQ浏览器)
- Winform调用WebKitBrowser,基于chrome内核WebKit的浏览器控件
- 基于Chrome内核(WebKit.net)定制开发DoNet浏览器
- 点击图片按钮 出来图片预览不兼容360极速模式 其他兼容
- Chrome ctrl+shift+v纯文本粘贴大法
- 图片grayscale(灰阶效果)webkit内核支持。