码迷,mamicode.com
首页 > Web开发 > 详细

网页是如何实现从剪贴板从读取图片并上传到server的

时间:2019-03-28 21:53:32      阅读:204      评论:0      收藏:0      [点我收藏+]

标签:https   original   dex   paste   RoCE   .ajax   utf-8   clip   http   

代码比较简单,原理更简单,不多言请直接看代码。

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script> </head> <body> <script> document.onpaste = function(event){ var items = (event.clipboardData || event.originalEvent.clipboardData).items; for (var i = 0 ; i < items.length ; i++) { var item = items[i]; if (item.type.indexOf("image") != -1) { var file = item.getAsFile(); console.log(file); upload_file_with_ajax(file); } } } function upload_file_with_ajax(file){ var formData = new FormData(); formData.append(‘file‘, file); $.ajax(‘./clipboard_js.php‘ , { type: ‘POST‘, contentType: false, processData: false, data: formData, error: function() { console.log("error"); }, success: function(res) { console.log("ok"); } }); } </script> </body> </html>

网页是如何实现从剪贴板从读取图片并上传到server的

标签:https   original   dex   paste   RoCE   .ajax   utf-8   clip   http   

原文地址:https://www.cnblogs.com/kevin7234/p/10617876.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!