Click here to Skip to main content
15,887,267 members
Please Sign up or sign in to vote.
1.00/5 (1 vote)
See more:
My code in `aspx` file is: <br>

    <input type="file" name="files" id="file" />
    <input type="submit" value="ActionResult" onclick="UpLoad(file)"  />

And my javascript is:

    <script type="text/javascript">
	function UpLoad(file) {
	    var gfile = file.files[0];
	    var gfileSize = gfile.size;
	    var gfileName = gfile.name;
	    var gfileType = gfile.type;
        if (gfileSize > 0) {
	        var x = ('<%=HttpUtility.JavaScriptStringEncode(Server.MapPath("~/App_Data/FileUpload"))%>');
	        var gpath = x + String.fromCharCode(92) + gfileName;
	        gfile.SaveAs(gpath);
	    };         
    };
    </script>

But `SaveAs` throws an error

> 0x800a01b6 - JavaScript runtime error: Object doesn't support property or method 'SaveAs'


What I have tried:

I use this lines in my `aspx` code
<input type="file"  name="file1" id="file1" />
  <input type="button" value="Αποστολή αρχείου" onclick="uploadFile()"/><br />
  <progress id="progressBar" value="0" max="100" style="width:300px;"></progress>
  <h3 id="status"></h3>
  <p id="loaded_n_total"></p>


And I also use this `script`
<script type="text/javascript">
function _(el){
	return document.getElementById(el);
}
function uploadFile(){
	var file = _("file1").files[0];
	// alert(file.name+" | "+file.size+" | "+file.type);
	var formdata = new FormData();
	formdata.append("file1", file);
	var ajax = new XMLHttpRequest();
	ajax.upload.addEventListener("progress", progressHandler, false);
	ajax.addEventListener("load", completeHandler, false);
	ajax.addEventListener("error", errorHandler, false);
	ajax.addEventListener("abort", abortHandler, false);
	ajax.open("POST","http://www.fileupload.ekkeross.com");
	ajax.send(formdata);
}
function progressHandler(event){
	_("loaded_n_total").innerHTML = "Uploaded "+event.loaded+" bytes of "+event.total;
	var percent = (event.loaded / event.total) * 100;
	_("progressBar").value = Math.round(percent);
	_("status").innerHTML = Math.round(percent)+"% uploaded... please wait";
}
function completeHandler(event){
	_("status").innerHTML = event.target.responseText;
	_("progressBar").value = 0;
}
function errorHandler(event){
	_("status").innerHTML =  "Upload Failed  " ;
}
function abortHandler(event){
	_("status").innerHTML = "Upload Aborted";
}
</script>


It works fine If I want to Up Load my current page.
But the image file that I select is not Up Load it.
Additionally I have to say this:
The current page is not saved in a directory but it comes up to the browser.
When I try to put any (legal) directory it returns me an error. which says:
"Directory Not Found"
Posted
Updated 11-Jan-19 1:57am
v2
Comments
MadMyche 11-Jan-19 7:22am    
Are you trying to upload to the server or save it on the client machine (where it is already located)?

1 solution

You can't use javascript to save files onto the file system. You're also mixing up server code and client code. The code between <% .. %> runs on the server so will generate the path on the server, the javascript is then executed on the client so that path doesn't exist on the client. These things are less evident when you develop on your local machine as the client and server are the same machine.

Google for how to upload a file asynchronously and you'll find code using an approach that will work.
 
Share this answer
 
Comments
jaket-cp 11-Jan-19 5:00am    
Agreed +5
Just a small point - if the op wants to save client side they could use the following
https://github.com/eligrey/FileSaver.js/
Lefteris Gkinis 11-Jan-19 7:59am    
Please look at my revue in the question. And see where possibly can be the wrong line.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900