Javascript 在asp mvc中，先预览图像，然后上传到服务器

我用一个输入和一些预览框制作了一个表单。 当用户选择自己的图像，图像加载在预览正确，但提交后，我不知道如何发送图像框中的图像到服务器

下面是我为用户获取图像并将其加载到客户端图像框中的脚本

function readURL(input) {

if (input.files && input.files[0]) {
    var reader = new FileReader();

    reader.onload = function (e) {
        $('#blah').attr('src', e.target.result);
    }

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

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

---

如果你想把裁剪过的图片上传到服务器上，那么这就是你必须遵循的链接

---

创建一个表单，并将文件上传器和上传按钮放在表单内

@using (Html.BeginForm("UploadImage", "Home", FormMethod.Post,new { enctype = "multipart/form-data" }))
 {
   <input type="file" name="file" id="fileUploader" />
   <input type="submit" value="Upload" id="btnFileUpload" />
 }

---

创建一个表单并提交它

    [HttpPost]
    public ActionResult UploadImage(HttpPostedFileBase file)
    {
        if (Request.Files.Count > 0)
        {
            var uploadedfile = Request.Files[0];
            //save file logic

        }
        return RedirectToAction("Index");
    }