"
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"
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.
Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad
spelling and grammar.
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.
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.
