How to change name of file in javascript from input=File

javascript html sharepoint
michael picture michael · Feb 12, 2014 · Viewed 25k times · Source

I need to change the filename (not the file, just the metadata of the name) when uploading to a sharepoint site.

I figured that it would be easy enough to change the html attribute in javascript rather than playing with Sharepoint backend. So that when I upload a file it changes the name of the file (not the data)

something like this:

function PreSaveAction(){
   var file = document.GetElementById('fileupload1');
   file.files[0].name='ChangedName.tmp'

return true;
}

Is this impossible due to the nature of the locked input='file' attributes?

Answer

Alexander Taborda picture Alexander Taborda · Sep 20, 2017

try this:

var element = document.GetElementById('fileupload1');
var file = element.files[0];
var blob = file.slice(0, file.size, 'image/png'); 
newFile = new File([blob], 'name.png', {type: 'image/png'});

note: this is for a image type, you have to change this type with type you're actually using.

Related questions

createElement <a href=variable1>variable2</a>

I have a requirement to create a navigation web part within SharePoint 2010. I am using a table to display the items from a SharePoint list and the table is structured as so: Column1 = The text to display (Title) Column2 = The …

Read More
Read a SharePoint List and put the data on a HTML file through JavaScript function

I have a SharePoint URL which is just a SharePoint list with some columns and rows of data. I will like to read that information from that specific URL and put the data on a HTML file through a JavaScript …

Read More
How do I check whether a checkbox is checked in jQuery?

I need to check the checked property of a checkbox and perform an action based on the checked property using jQuery. For example, if the age checkbox is checked, then I need to show a textbox to enter age, else …

Read More