Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/symfony/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将Jquery文件上载到backbone.js&;require.js_Javascript_Jquery_Backbone.js_Requirejs_Jquery File Upload - Fatal编程技术网

Javascript 如何将Jquery文件上载到backbone.js&;require.js

Javascript 如何将Jquery文件上载到backbone.js&;require.js,javascript,jquery,backbone.js,requirejs,jquery-file-upload,Javascript,Jquery,Backbone.js,Requirejs,Jquery File Upload,我有一个使用require.js的backbone.js应用程序,我想实现以下jquery插件: 我有以下过程: 如果有人能给我一个主干应用程序的例子,使用这个插件工作,或可以帮助我与其他建议 在阅读我的代码之前: Require.js配置: 我的主要观点是: 谢谢我正在主干应用程序中使用此插件 它适用于我在渲染方法中使用Jquery插件。这里是我的代码示例 Html文件。 <form id="Anything" action="the api url" method='post' e

我有一个使用require.js的backbone.js应用程序,我想实现以下jquery插件:

我有以下过程:

如果有人能给我一个主干应用程序的例子,使用这个插件工作,或可以帮助我与其他建议

在阅读我的代码之前:

Require.js配置: 我的主要观点是:
谢谢

我正在主干应用程序中使用此插件

它适用于我在渲染方法中使用Jquery插件。这里是我的代码示例

Html文件。

<form id="Anything" action="the api url" method='post' encrtype="multipart/form-data">
<input type='file'/ accept='.txt'>
</form>

}

谢谢,我找到了解决方案的起点,这是我的事件的问题。@DamienL-你找到解决方案了吗?我有一个类似的问题我现在没有解决方案,我在另一家公司工作。但是rcarvalho的答案应该对你有帮助,他的答案帮助我找到了解决方案。
var define, selector, console;

define([
    'jquery',
    'underscore',
    'backbone',
    'layoutmanager',
    '../../../../common/models/global/model_picture',
    'jquery.ui.widget',
    'jquery.iframe-transport',
    'jquery.fileupload'
],
    function (
        $,
        _,
        Backbone,
        LayoutManager,
        PictureModel
    ) {

        "use strict";

        return Backbone.Layout.extend({
            __class__ : "adPostPictureRow",

            initialize: function () {
                this.template = _.template($('#adpost_picture_row_template').html());
            },

            events: {
                "change .adpost_picture_input_file" : "handleImageUpload"
            },

            handleImageUpload: function () {
                selector = this.$('.adpost_picture_input_file')[0];
                this.uploadProgress = 0;
                this.model = new PictureModel({ files : selector.files[0] });

                var test = $('#adpost_picture_fileupload', this.el).fileupload({
                    dataType: 'json',
                    autoUpload: true,
                    singleFileUploads: true,
                    url: '../upload/adpost/img',

                    done: function (data) {
                        console.log('upload done');
                        _.each(data.result, function (index, file) {
                            console.log(file.name);
                        });
                    },

                    add: function () {
                        // How can access to this function for see the console.log result
                        console.log('test upload ');
                    }
                });

                console.log(test);
            }
        });
    });
<form id="Anything" action="the api url" method='post' encrtype="multipart/form-data">
<input type='file'/ accept='.txt'>
</form>
render: function(){
  this.$el.html(this.template);
  $("#Anything").fileupload({
      dataType:'json',
      add : this.AddFile,
      fail: this.AddFileFail

});


AddFile : function(data){
  return data.submit();
}