How to access to the image data as a HTML file object

Question

User264732274 posted

see the code

window.onload = function() {
    document.getElementById("pasteTarget").
        addEventListener("paste", handlePaste);
};

function handlePaste(e) {
    for (var i = 0 ; i < e.clipboardData.items.length ; i++) {
        var item = e.clipboardData.items[i];
        console.log("Item: " + item.type);
        if (item.type.indexOf("image -1) {
            uploadFile(item.getAsFile());
        } else {
            console.log("Discardingimage paste data");
        }
    }
}

i guess the above code will not work in all browser. so just tell me what to change as a result it should work in all browser, event in those browser which does not support HTML5 file object. looking for suggestion and rectified code. thanks

Answer 1

User-474980206 posted

currently only chrome and firefox allow access to a clipboard image. for other browser you will need to code a plugin or might be able to code one in flash (flash should do the upload).

most current browsers will support a drop of filename for upload. for this you should use one of the libraries will flash support for browsers that do not use the api.

 

Answer 2

User61956409 posted

Hi sudip_inn,

According to your code, it seems that you’d like to paste Image from Clipboard using JavaScript. I agree with bruce , as far as I know only Google Chrome and Safari support the latest clipboard APIs. And FileReader object is not supported in all browsers.

https://developer.mozilla.org/en/docs/Web/API/FileReader

Best Regards,

Fei Han

Answer 3

User264732274 posted

thanks for reply. u said "for this you should use one of the libraries will flash support for browsers that do not use the api."

so give me any js or jquery lib or plug-in name which will have some fallback mechanism for old browser. looking for help.

Answer 4

User264732274 posted

so give me any js or jquery lib or plug-in name which will have some fallback mechanism for old browser. plugin must have some tutorial which help me to implement this.

Answer 5

User-474980206 posted
To write a browser plugin, go to each browsers developers site and get the documentation. It different for every browser and o/s. Generally you write the plugin in c, but for safari you can use objective/c or swift.

To write the plugin in flash, you buy the flash developers kit from Adobe. There are file upload libraries in flash, Google for them, but because browser support for flash is dropping, they are not as common as they used to be. But it should work as a polyfil for old browsers.