Click here to Skip to main content
13,897,154 members
Rate this:
 
Please Sign up or sign in to 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

Rate this: bad
 
good
Please Sign up or sign in to vote.

Solution 1

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.
   
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)

  Print Answers RSS
Top Experts
Last 24hrsThis month


Advertise | Privacy | Cookies | Terms of Service
Web04 | 2.8.190306.1 | Last Updated 11 Jan 2019
Copyright © CodeProject, 1999-2019
All Rights Reserved.
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100