jQuery Validation and Image file

Question

Ok I have situation where i am posting my image file to server but before that i verify it whether user selects the file or not using "required" attribute. Also previewing image using java funtion . now problem is in case of edit mode when information is loaded to page i obviously not loading the image file instead i just create the preview path and assign it to imagepath. So when i save the information after editing it again ask me "image is required". system is right because i have not selected any image. how do i resolve this issue? i want to enforce jquery validation but in case of edit mode it should skip image validation step.

Script

<script>
function readURL(input) {
    if (input.files && input.files[0]) {
        var reader = new FileReader();            
        reader.onload = function (e) {
            $('#imgpreview1').attr('src', e.target.result);
        }

        reader.readAsDataURL(input.files[0]);
    }
}

$("#file").change(function () {
    readURL(this);
});


<script/>

View

@Html.Label("Venue Description Background") 
@Html.TextBoxFor(model => model[0].Image.ImageFile, new { type = "file", id="file", required="required"})

<img src="@Model[0].Image.ImagePath" id="imgpreview1"  style="height:150px;width:150px"/>

Model

   public iSPYImage Image { get; set; }

    [DisplayName("Image File")]
    public HttpPostedFileBase ImageFile{ get; set;}

Kiran Syeed · Accepted Answer · 2016-06-07 09:10:32Z

2

Use some condition in the view definition. something like:

if(editMode)
     @Html.TextBoxFor(model => model[0].Image.ImageFile, new { type = "file",        id="file"})
else
     @Html.TextBoxFor(model => model[0].Image.ImageFile, new { type = "file", id="file", required="required"})

answered Jun 7, 2016 at 9:10

Kiran Syeed

715 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jQuery Validation and Image file

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related