HTML5 File API modify file.name

Question

I am trying to modify a file's name if something happens. I have tried doing file.name = file.name + 'extra text'; but it doesn't work. How would I go about changing the file's name once it is uploaded?

Do you need to save the file with the new name (server side)or r u trying to rename it using JS? — Works On Mine
– Works On Mine, Commented Jul 10, 2013 at 1:20
You can't rename it. You can't change the file on a client's filesystem at all. — Ray Nicholus
– Ray Nicholus, Commented Jul 10, 2013 at 12:38
It isn't on just their system once they upload, I make a temporary copy in the browser to use. — Ilan Biala
– Ilan Biala, Commented Jul 10, 2013 at 17:53

Chickenrice · Accepted Answer · 2013-07-11 01:59:26Z

2

I assume that you are using HTML5 File API to store sandboxed file to local file system. You have to get fileEntry object first if you want to modify an exist file's name:

window.webkitRequestFileSystem(window.TEMPORARY, 1024*1024, function(fs){
    fs.root.getFile("targetFileFullName",{},function(fileEntry){
        fileEntry.moveTo("original path","newName");
    },errorHandler);
}, onError);

FileEntry.moveTo function help you move or rename file. You just want rename it so all you have to do is assign new name to parameter two and do not change file path parameter.

I wrote a jsfiddl demo that show a list of your local storage files and a target name field means which file you want to modify and a new name input field:

enter image description here

After you press the change button. The "test3.txt" file will be modify:

enter image description here

Hope this is helpful for you.

edited Jul 11, 2013 at 1:59

answered Jul 10, 2013 at 14:44

Chickenrice

5,7372 gold badges24 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Ilan Biala Over a year ago

Which browsers support the filesystem API?

Ray Nicholus Over a year ago

Chrome. Thats it for now.

Collectives™ on Stack Overflow

HTML5 File API modify file.name

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related