Click here to Skip to main content
15,884,298 members

Up loading file from client to server problems

Lefteris Gkinis asked:

Open original thread
I use this lines in my `aspx` code
<input type="file"  name="file1" id="file1" />;
  <input type="button" value="SendFile" 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` in order to manage the Up Loading proses.
<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 current browser page.
When I try to put any (legal) directory in
ajax.open("POST","http://www.fileupload.ekkeross.com");

like
ajax.open("POST","http://www.fileupload.ekkeross.com/App_Data/FileUpload");
returns an error. which says:
"Directory Not Found"

I haven't mention for my upload file... that is nowhere.
The `script` I found it in Here

Please assist me on this


What I have tried:

Nothing except the







above
Tags: Javascript

Plain Text
ASM
ASP
ASP.NET
BASIC
BAT
C#
C++
COBOL
CoffeeScript
CSS
Dart
dbase
F#
FORTRAN
HTML
Java
Javascript
Kotlin
Lua
MIDL
MSIL
ObjectiveC
Pascal
PERL
PHP
PowerShell
Python
Razor
Ruby
Scala
Shell
SLN
SQL
Swift
T4
Terminal
TypeScript
VB
VBScript
XML
YAML

Preview



When answering a question please:
  1. Read the question carefully.
  2. Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
  3. If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
  4. Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.
Let's work to help developers, not make them feel stupid.
Please note that all posts will be submitted under the http://www.codeproject.com/info/cpol10.aspx.



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