[JS][JQUERY] HTML5 FileSystem

Results 1 to 10 of 10
  1. #1
    Live Ocottish Sverlord Joopie is offline
    LegendRank
    Jun 2010 Join Date
    The NetherlandsLocation
    2,773Posts

    [JS][JQUERY] HTML5 FileSystem

    Hello,

    The JQuery-FileSystem uses the new HTML5 FileSystem.
    It's kind of new making JQuery api's and make it so easily as possible to use it.

    For me it worked out well.

    Here is a feature list:
    • Support of Temporary (what is says) and persistent (storing files all time, currently 100mb)
    • Create folders
    • Create files (if path doesn't exists, option to create it)
    • Read files
    • Write and/or append to files (ability to truncate files)


    To-do:
    • Get folder & files in it
    • Remove folder(s)
    • move, copy and rename files and folders


    Link:
    https://github.com/Joopie1994/JQuery-FileSystem

    Currently this only supports Chrome (and other browsers which support the FileSystem API).

    There is an example file on how to use it (index.html)
    Live version: http://joopie1994.github.com/JQuery-...tem/index.html

    I would love to see some critical feedback.


    - Joopie
    Last edited by Joopie; 29-12-12 at 09:21 PM.


  2. #2
    Web Developer Papercup is offline
    MemberRank
    Nov 2009 Join Date
    WalesLocation
    1,607Posts

    Re: [JS][JQUERY] HTML5 FileSystem

    The demo is down, It sounds good though.

  3. #3
    :-) s-p-n is offline
    DeveloperRank
    Jun 2007 Join Date
    Next DoorLocation
    2,098Posts

    Re: [JS][JQUERY] HTML5 FileSystem

    Quote Originally Posted by joopie View Post
    Hello,

    The JQuery-FileSystem uses the new HTML5 FileSystem.
    It's kind of new making JQuery api's and make it so easily as possible to use it.

    For me it worked out well.

    Here is a feature list:
    • Support of Temporary (what is says) and persistent (storing files all time, currently 100mb)
    • Create folders
    • Create files (if path doesn't exists, option to create it)
    • Read files
    • Write and/or append to files (ability to truncate files)


    To-do:
    • Get folder & files in it
    • Remove folder(s)
    • move, copy and rename files and folders


    Link:
    https://github.com/Joopie1994/JQuery-FileSystem

    There is an example file on how to use it (index.html)
    Live version: http://joopie1994.github.com/JQuery-...tem/index.html

    I would love to see some critical feedback.


    - Joopie
    Can you provide some documentation and more examples please? I can't tell what this is used for atm. I tried dragging a file to the browser but it's not using the HTML5 drag+drop API and there's no visible content on the demo so.. dunno how to make it work.

  4. #4
    Software Person TimeBomb is offline
    ModeratorRank
    May 2008 Join Date
    United StatesLocation
    1,252Posts

    Re: [JS][JQUERY] HTML5 FileSystem

    It should be mentioned that this won't work in any browser other than Chrome. (Unless others also implement the FileSystem API?)

    Also, this line should have a comma at the end, not a semi-colon:
    Code:
    FILESYSTEM_VERSION = '0.0.1';
    Last edited by TimeBomb; 28-12-12 at 11:59 PM.

  5. #5
    Live Ocottish Sverlord Joopie is offline
    LegendRank
    Jun 2010 Join Date
    The NetherlandsLocation
    2,773Posts

    Re: [JS][JQUERY] HTML5 FileSystem

    Quote Originally Posted by s-p-n View Post
    Can you provide some documentation and more examples please? I can't tell what this is used for atm. I tried dragging a file to the browser but it's not using the HTML5 drag+drop API and there's no visible content on the demo so.. dunno how to make it work.
    The example does output some status and a link of an temp file.

    It doesn't use the HTML 5 drag + drop API and it can be used to write/read local stored files for caching or such.

    This is what you see (if supported and accepted) on the demo:
    *** removed ***
    ---

    And also a good idea. I would see if I can make the Drag+Drop file system in it!

    Quote Originally Posted by timebomb View Post
    It should be mentioned that this won't work in any browser other than Chrome. (Unless others also implement the FileSystem API?)

    Also, this line should have a comma at the end, not a semi-colon:
    Code:
    FILESYSTEM_VERSION = '0.0.1';
    And yes, I forgot that to say.

    Currently this only supports Chrome (and other browsers which support the FileSystem API).

    And thank you, didn't even notice the semi-colon.
    Last edited by Joopie; 09-06-16 at 08:23 PM.

  6. #6
    :-) s-p-n is offline
    DeveloperRank
    Jun 2007 Join Date
    Next DoorLocation
    2,098Posts

    Re: [JS][JQUERY] HTML5 FileSystem

    I'm using chrome and don't see any text when visiting your link, am I missing something?

  7. #7
    Live Ocottish Sverlord Joopie is offline
    LegendRank
    Jun 2010 Join Date
    The NetherlandsLocation
    2,773Posts

    Re: [JS][JQUERY] HTML5 FileSystem

    Quote Originally Posted by s-p-n View Post
    I'm using chrome and don't see any text when visiting your link, am I missing something?
    Strange.

    Even if you dont accept the permissions that chromes need to write perm. files.
    It can still store temporarily files without your permission.

    Which the example does (Creating a directory) and shows the status.

    --

    You dont get any errors in the javascript console?

  8. #8
    Banned V for Vendetta is offline
    BannedRank
    Feb 2007 Join Date
    1,809Posts

    Re: [JS][JQUERY] HTML5 FileSystem

    Quote Originally Posted by joopie View Post
    Strange.

    Even if you dont accept the permissions that chromes need to write perm. files.
    It can still store temporarily files without your permission.

    Which the example does (Creating a directory) and shows the status.

    --

    You dont get any errors in the javascript console?

    The link doesn't work anymore it takes me to a blank page.

  9. #9
    something Erlend is offline
    MemberRank
    Dec 2007 Join Date
    Oslo, NorwayLocation
    791Posts

    Re: [JS][JQUERY] HTML5 FileSystem

    The demo works for me :)

  10. #10
    :-) s-p-n is offline
    DeveloperRank
    Jun 2007 Join Date
    Next DoorLocation
    2,098Posts

    Re: [JS][JQUERY] HTML5 FileSystem

    Quote Originally Posted by joopie View Post
    Strange.

    Even if you dont accept the permissions that chromes need to write perm. files.
    It can still store temporarily files without your permission.

    Which the example does (Creating a directory) and shows the status.

    --

    You dont get any errors in the javascript console?
    Sorry, I guess I didn't look. I don't have support for Blob in my chrome browser :/
    Code:
    Uncaught TypeError: Illegal constructor
    (line 51)



Advertisement