I cannot access a javascript variable array in code behind with hiddenfield

Question

1.00/5 (1 vote)

See more:

I am using the code in this link below.
I am trying to save the uploaded images to a database after user complete his changes (deleting, replacing adding pictures).

http://jsfiddle.net/WCCM7/17/[^]

I tried with this code below but it is not reflecting any changes by the user for example if the user select 3 pictures preview them and delete one of them and the submit to server (code behind not the one this code is using) then in the code behind if you check the HttpFileCollection fileCollection = Request.Files; it will have all 3 pictures.
But the array in the JavaScript named thumbsArray have the exact number remaining 2 pictures.
I could not access that array from code behind with a hiddenfield, I do not know what I am missing.
Please I need your help

C#

string folderName;
      protected void Page_Load(object sender, EventArgs e)
      {
          ddlLocation.Items.Insert(0, new ListItem("--Select a location--", "-1"));
          folderName = Path.Combine(Server.MapPath("~/test/"), "Top-Level Folder");
          System.IO.Directory.CreateDirectory(folderName);
          Response.Write("this it the hidden field value page load"+HiddenField1.Value);
      }

      protected void Button1_Click(object sender, EventArgs e)
      {
          HttpFileCollection fileCollection = Request.Files;
          for (int i = 0; i < fileCollection.Count; i++)
          {
              HttpPostedFile postedFile = fileCollection[i];
              if (postedFile.ContentLength > 0)
              {
                  string filePath = Path.Combine(folderName, Path.GetFileName(postedFile.FileName));
                 // Response.Write(filePath);
                   postedFile.SaveAs(filePath);
              }
          }

          Response.Write("this it the hidden field value button click" + HiddenField1.Value);

      }

Posted 19-Jan-15 11:07am

websource

Add a Solution

Comments

ZurdoDev 19-Jan-15 20:56pm

You should also post the javascript.

websource 21-Jan-15 18:52pm

Here is the JavaScript. To see the whole picture of what I mean you should look at the link above: http://jsfiddle.net/WCCM7/17/[^]
Thanks

var $fileUpload = $("#files"),
$list = $('#list'),
thumbsArray = [],
maxUpload = 5;

// READ FILE + CREATE IMAGE
function read( f ) {
return function( e ) {
var base64 = e.target.result;
var $img = $('<img/>', {
src: base64,
title: encodeURIComponent(f.name), //( escape() is deprecated! )
"class": "thumb"
});
var $thumbParent = $("<span/>",{html:$img, "class":"thumbParent"}).append('<span class="remove_thumb"/>');
thumbsArray.push(base64); // Push base64 image into array or whatever.
$list.append( $thumbParent );
};
}

// HANDLE FILE/S UPLOAD
function handleFileSelect( e ) {
e.preventDefault(); // Needed?
var files = e.target.files;
var len = files.length;
if(len>maxUpload || thumbsArray.length >= maxUpload){
return alert("Sorry you can upload only 5 images");
}
for (var i=0; i<len; i++)="" {=""
="" var="" f="files[i];
" if="" (!f.type.match('image.*'))="" continue;="" only="" images="" allowed="" reader="new" filereader();
="" reader.="">";
}
$('#server').empty().append(testImages);
});

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

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.

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