Javascript 无法使用js将文件值发送到asp.net mvc中的控制器

我这里有个小问题。我无法通过js将文件输入的内容发送到控制器，我正在使用“croppie”插件在提交之前重新缩放图片大小。在使用这个js插件之前，我可以提交文件并保存它，但是现在，我可以提交模型中的所有值，但不能保存文件。我不擅长js，请帮帮我

这是输入和提交代码

 <div class="col-md-10">
      <input type="file" name="ImageUpload" id="ImageUpload" value="Select an image" />
      <div id="upload"></div>
      <input type="hidden" id="productImage" name="productImage">
 </div>

<div class="form-group">
      <div class="col-md-offset-2 col-md-10">
            <a href="#" class="upload-form btn btn-pry">Add Product</a>
      </div>
</div>

---

如果您使用submit，则需要将body中的内容放入控制器中

public ActionResult AddProduct([FromBody]ProductVM model, HttpPostedFileBase file)
 {
     //.... some codes here
 }

 public ActionResult AddProduct(ProductVM model, HttpPostedFileBase file)
 {
     //.... some codes here
 }

public ActionResult AddProduct([FromBody]ProductVM model, HttpPostedFileBase file)
 {
     //.... some codes here
 }