Sample HTML

[brunoimbrizi]

FileReader looks great, but I can't get it working. I only go as far as: ["debugMode : ", true] ["SWF FileAPI ready!"]

My on("change") function never gets called. I'm missing something. Maybe I've added $("element").fileReader( options ) to the wrong DOM element? Don't know.

I think it would help me and other users to get it straight away if you provide a sample HTML file with the code. Thanks a lot!

[kevin-terry]

Agreed. A working demo would be great.

I can get as far as

["SWF FileAPI ready!"] [FileInput Event Click[object object]] ["Browsing..."]

however the file browser never displays.

[craigspaeth]

+1

[cburgmer]

If somebody want's to compile a demo, here's what I needed to do:

In index.html:

    <script type="text/javascript" src="fileupload/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="fileupload/swfobject.js"></script>
    <script type="text/javascript" src="fileupload/jquery.FileReader.js"></script>

    …

    <input id="fileToUpload" type="file"/>

In the script:

    $("#fileToUpload").fileReader({
        filereader: 'fileupload/filereader.swf',
        debug: true
    });
    $("#fileToUpload").on("change", function (e) {
        console.log(e.target.files);
    });

[LekovicMilos]

Where is that swfobject.js file? I can see only jquery.FileReader.js and filereader.swf. Obviously, it can't work without that file, because when I just include jquery.FileReader.js, copy that script below with changing fileToUpload with id of my input file tag id, I just get console.log. When I fire my script after that, nothing happens. Just in Chrome, Opera and Firefox. Can anyone help me how can I use this plugin with my project, which is written in RoR?

[cburgmer]

Do you mean where to get it from? http://code.google.com/p/swfobject/

[LekovicMilos]

Ok, now I included swfobject.js too, but it's still not working. Is that everything I have to do for my code to start working?

[karan3112]

Hi, Here is my initialization code : $(selector).fileReader({ id : flash_div_selector, filereader : 'filereader.swf', expressInstall: 'expressInstall.swf', callback : function(){ //Doing stuff on change using evt.target.files } }); I am displaying the selected image for cropping. The issue is I am not able to upload the file to server because of the flash object. The value of the input box is null in IE 9.

[divyenduz]

Can I use a html buttons on click event to click on the SWF version of file upload. It looks ugly on IE. Let me know a way in which that can be done. Thanks.