حاليًا ، يدعم الإصدار الأعلى فقط من متصفح Chrome اللصق المباشر. المتصفحات الأخرى لا يمكن لصقها حتى الآن. ومع ذلك ، فإن الصورة التي التقطتها متصفحات Firefox و IE11 يمكن لصق لقطات في DIVs قابلة للتحرير هي أيضًا BASE64 بت ، ويستخدم Chrome Clisterbooddata. ومع ذلك ، في متصفحات Firefox و IE11 ، لا يمكن الحصول على بيانات BASE64 مباشرة من الصور باستخدام الحافظة. يأتي مع بيانات IMG المباشرة الخاصة بها.
مثال كامل:
<! doctype html> <html lang = "en-us"> <head> <meta charset = "utf-8"> <title> استخدم clipboarddata لتنفيذ وظائف لقطة الشاشة واللصق في صفحات الويب </title> <style type = "text/css" الارتفاع: 300 بكسل ؛ الحدود: 1 بكسل Solid #DDD ؛ } .box img {max-width: 480px ؛ أقصى ارتفاع: 100 ٪ ؛ text-align: center ؛} </style> </head> <body> <div contentIdable = "true" id = "testInput"> </viv> <script type = "text/javaScript"> (function () {var imgreader = function (ite) IMG.SRC = e.target.result ؛ //window.clipboarddata.getdata("text ") الحصول على المحتوى اللصق تحت e.clipboarddata.getdata (" text/plain ") Firefox الحصول على المحتوى تحت Google //alert(e.clipboarddata.getdata("text/plain") var clipboarddata = console.log (0 ') if (consoled.log (1') 'files') {item = heat [i] </script> </script> </body> </html>مثال 2:
<! doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> وثيقة </title> </head> <body> <div id = "div" contentable = "true"> </viv> <script> var div = divic.getelementbyid ('div') ؛ div.addeventListener ('paste' ، function (e) {if ( div.innerhtml + = <img src = "' + e.target.result +'"> '؛ </script> </body> </html>طريقة التنفيذ:
الطريقة 1: في متصفح Chrome ، يمكنك الحصول مباشرة على بيانات صورة لقطة الشاشة من خلال الحافظة. يمكنك استخدام Ajax لتمرير البيانات إلى الخلفية ، ثم إرجاع عنوان الصورة باسم المجال من خلال تطوير الخلفية.
الطريقة 2: نظرًا لأنه لا يمكن الحصول على بيانات الصورة مباشرة في المتصفحات مثل Firefox ، يمكنك الحصول على بيانات IMG في Div AS BASE64 URL عند اللصق ، ثم استخدام AJAX كطريقة نفسها.
الطريقة 3: عند النقر فوق نشر الرسائل أو حفظها ، يمكنك الحصول على بيانات IMG في DIV كبيانات عنوان URL الأساسي ، ثم استخدام AJAX في نفس الوقت. إذا كانت هناك العديد من الصور أو الحلقة أو عند النقر فوق حفظ ونشر ، فسيتم إجراء عملية تطوير النهاية الخلفية ، وسيتم معالجة معلومات العرض التي تم إرجاعها مباشرة. وبهذه الطريقة ، لا نحتاج إلى استبدال عنوان URL BASE64 بعنوان باسم المجال الذي تم إرجاعه بواسطة الواجهة الخلفية في DIV.
الطريقة 4: عند لصقها في Div ، تنبثق طبقة منبثقة ، ثم يمكن لمعاينة الصورة مع لقطات شاشة في الطبقة المنبثقة تأكيد زر التحميل. انقر فوق زر التحميل للانتقال إلى Ajax لتحميل الصورة بنفس الطريقة التي تتمتع بها نفس الطريقة