File upload control with multiple attribute duplicates image

I am having a strange issue with HTML5 file upload control with `multiple` attribute. I have no clue about how to fix it. I am trying to explain the problem below:

When uploading multiple images on the server, the images are uploading but some of them are getting duplicated, not by name, but by image itself.

Means if I select say 10 images, I can see 10 images are uploaded with different names (names are generated dynamically) but say 4 images are exactly the same. Means, 6 out of 10 selected images uploaded perfectly, but 4 original images got disappeared completely! But these 4 images are using contents from 6 images uploaded correctly.

Moreover, this is happening in random. There is no order or sequence from what I can understand what will disappear and what will re-uploaded with a different name.

In short:

Selected 10 different images for upload
Number of images uploaded is 10
6 images (say) uploaded with correct content
4 images (say) uploaded with correct file name, but content is wrong. They are using contents of 6 images and original content of these images simply disappeared.
This is happening when I am selecting more than 5 images for upload. Anything less than 6 has no problem.

Now when I test the same code at local development environment this is not happening at all! I checked folder permission on the server and there is no restriction imposed.

I am not sure whether I could explain the issue correctly because it is really a typical one and I never encountered similar thing before !!

Markup:

<div class="row gapp-10 medium">
<div class="col-md-9">
Upload Photos <span class="small-font gray-text">(Optional)span> <span class="small-font red-text">(Combined upload size can't exceed 10mb.)span>
<%:Html.TextBoxFor(model => model.VehicleImages, new {@type="file", @id="fUpload", @multiple="multiple", @class="btn btn-clc-theme-orange"}) %>
div>
<div class="clearfix">div>
div>

Controller Action method:

[Authorize]
[HttpPost]
public ActionResult Upload(VehicleViewModel model)
{
if (ModelState.IsValid)
{
_service = new VehicleService();
model.SellerId = CommonMethods.LoggedInUser.SellerId;
var newVehicle = _service.Save(model);
newVehicleId = newVehicle.VehilceId;
for (var i = 0; i < Request.Files.Count; i++)
{
var fl = Request.Files[i];
if (fl == null || fl.ContentLength <= 0) continue;
var filename = System.IO.Path.GetFileName(fl.FileName.Trim());
if (string.IsNullOrEmpty(filename)) continue;
var fileExtension = System.IO.Path.GetExtension(filename);
var newFileName = String.Concat(DateTime.Now.Ticks.ToString(CultureInfo.InvariantCulture), fileExtension);
System.IO.Directory.CreateDirectory(Server.MapPath("~/VehiclePhoto/" + newVehicleId));
var photoPath = System.IO.Path.Combine(Server.MapPath("~/VehiclePhoto/" + newVehicleId + "/"), newFileName);
fl.SaveAs(photoPath);
}
}
return RedirectToAction("VehicleUploaded");
}

This is how the upload control is placed inside the form element and the method is being called. Nothing fancy, just the simple and classical way.

<% using(Html.BeginForm("Upload", "VehicleUpload", FormMethod.Post, new {enctype = "multipart/form-data"}))
{ %>
...
class="row gapp-10 medium">
class="col-md-9">
Upload Photos class="small-font gray-text">(Optional)
class="small-font red-text">(Combined upload size can't exceed 10mb.)
<%:Html.TextBoxFor(model => model.VehicleImages, new {@type="file", @id="fUpload", @multiple="multiple", @class="btn btn-clc-theme-orange"}) %>

class="clearfix">

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Niladri Sarkar9y ago
Thank you for your quick respose. But unfortunately it is something else, not the folder permission. Because, if folder permission was not set no image was able to be uploaded.
Anyways, I have remote acccess to the server and already done this with the designated folder. There is something else other than folder permission, which I not being able to figure out. :(
Nilesh Patil9y ago
Hi,

Refer below links if problem not solved

1.https://stackoverflow.com/questions/27699812/asp-net-html-file-upload-control-not-uploading-mutiple-files-as-expected

2.https://sharepoint.stackexchange.com/questions/91767/multiple-file-upload-not-working
Nilesh Patil9y ago
Hi,

Change the folder permission where the images are saved.

Steps,
1 : login on cPanel
2: Go to File Manager & select the folder where u save your image
3: give the full control to this folder
4: Enjoy the image uploading now.