كيف يمكن لصق واحد لصق في تطبيق ويب؟ ما هي الحلول المتاحة؟ HTML 5 قماش؟

Question

أقوم حاليًا ببناء تطبيق ويب عاري للغاية ، وكان لديه متطلبات التمكن من نسخ صورة أثناء تواجدها على الويب ، ثم لصقها على صفحتي.

أعلم أن هذا النوع من الوظائف ممكن - حيث لصق الصور في Gmail أثناء كتابة الرسائل ، وفي Tumblr (أعتقد أنهم يستخدمون Tinymce كمحررهم).

بعد البحث الطويل - لقد شعرت بالحزن من خلال جودة التفسير الرديئة للحلول المتاحة هناك.

هذا ما جمعته:

$(document).bind('paste', function(e){
console.log(e);
})

عند فحص كائن الحدث ، يبدو أن البيانات يتم تضمينها فقط عندما يكون هناك نص (في الكروم على أي حال).

أدرك أن IE يحتوي على كائن ClipboardData الذي يتيح لك الوصول إلى محتويات الحافظة.

لقد سمعت أيضًا عن الحلول الممكنة باستخدام Flash و Java Applets و HTML 5 Canvas - لكنني لم أتمكن بعد من العثور على عمليات كتابة جيدة تشرح تلك الحلول.

أي شخص قام بذلك بنجاح ، ويمكنه اقتراح أفضل الممارسات؟

Answer 1

يمكنك استخدام API الحافظة: http://dev.w3.org/2006/webapi/clipops/clipops.html

أو يمكنك القيام به هو الاستخدام صفر الحافظة. يستخدم فيلم فلاش غير مرئي ويوفر واجهة JavaScript للوصول إلى الحافظة.

Answer 2

هذا يعمل بشكل جيد في الكروم. إليك مثال مباشر يدعم الحصول على بيانات الصورة في JavaScript Pure مع عدم وجود خوادم متورطة: http://strd6.com/2011/09/html5-javascript-pasting-image-data-in-chrome/