Javascript 单击flow.js上载文件

Javascript 单击flow.js上载文件,javascript,asp.net-mvc,angularjs,flow-js,Javascript,Asp.net Mvc,Angularjs,Flow Js,希望有人能帮上忙 基本上,我们使用ng flow来允许拖放来上传项目。 我们也在使用MVC4 一切似乎都在正常工作,但是,我们想定制这个,以便 项目被拖到上传框中并存储在范围中(就像现在一样) 在单击按钮之前,不会实际上载项目 到目前为止我们尝试了什么- 在配置中,我们禁用了目标,因此它不会立即上载 .config(['flowFactoryProvider', function (flowFactoryProvider) { flowFactoryProvider.defaults = {

希望有人能帮上忙

基本上,我们使用ng flow来允许拖放来上传项目。 我们也在使用MVC4

一切似乎都在正常工作,但是,我们想定制这个,以便

  • 项目被拖到上传框中并存储在范围中(就像现在一样)
  • 在单击按钮之前,不会实际上载项目
  • 到目前为止我们尝试了什么-

    在配置中,我们禁用了目标,因此它不会立即上载

    .config(['flowFactoryProvider', function (flowFactoryProvider) {
    flowFactoryProvider.defaults = {
      target: '',
      permanentErrors: [500, 501],
      maxChunkRetries: 1,
      chunkRetryInterval: 5000,
      simultaneousUploads: 1
    };
    
    在实际页面上,我们已经创建了一个按钮,带有ng单击,它将通过flow.files

    <input type="button" value="Click Me" ng-click="uploadme($flow.files)">
    
    MVC控制器“上传”。然而,调用此get时,文件始终为空

    public ActionResult upload(HttpPostedFileBase file)
        {
            if (file.ContentLength > 0)
            {
                var fileName = Path.GetFileName(file.FileName);
                var path = Path.Combine(Server.MapPath("~/App_Data/uploads"), fileName);
                file.SaveAs(path);
            }
            return View();
        } 
    

    有什么我们遗漏的吗?或者有没有其他方法来实现这一点

    已设法解决此问题

    从div标记中删除该行

    flow-files-submitted="$flow.upload()"
    
    然后单击一个按钮,传入$flow作为参数

    ng-click="InsertItems($flow)"
    
    Javascript:-

    $scope.InsertItems = function(e)
    {
    //Do what you need to do
    e.upload();
    }
    

    我只想为这个问题的一个好答案添加一个参考:


    希望有帮助。

    我正在寻找类似的答案。这有点令人沮丧,因为来自ng flow github repo的“基本”演示就是这样做的,尽管它与我的实现方式完全相同。“我的版本”会在文件被删除时立即上载这些文件,而“我的版本”会一直保存这些文件,直到单击按钮为止。你们曾经解决过这个问题吗?@Askdesigners嗨,是的,解决了,请看答案,希望能有所帮助。
    $scope.InsertItems = function(e)
    {
    //Do what you need to do
    e.upload();
    }