Image Upload then automatically image are rotate in Preview Image tag?
<p>I am uploading the image in file upload control on change event then image is automatically rotate see in preview tag in my asp.net mvc c# but I am upload the existing image upload it's good but I am click the image in iPhone then image are upload that time image is rotate. This below code is used for the preview image.</p>

<p>This is my file upload control</p>

<pre class="lang-xml prettyprint-override"><code> &lt;img id="PreviewImage" class="mb20" width="300" src="../@Url.Content(@Url.Content(Model.ProfileImage))" /&gt;                                        
  @Html.TextBoxFor(model =&gt; model.UserFileUpload, new { type = "file", onchange = "ShowVehicleImagePreview(this)" })
</code></pre>

<p>this is my function</p>

<pre><code>function ShowVehicleImagePreview(input) {
    if (input.files &amp;&amp; input.files[0]) {
        var readervehicle = new FileReader();
        readervehicle.onload = function (e) {
            $('#PreviewImage').prop('src', e.target.result).width(300);
        };
        readervehicle.readAsDataURL(input.files[0]);
    }
}
</code></pre>

<p>Any one have the idea about this issue?</p>