骨干.表单有文件上传,如何处理？

Question

我想只通过REST API组织工作流程.我有一个允许上传图像的表单(enctype ="multipart/form-data").如何通过骨干处理此表单？请帮助我,如何使用文件字段将其序列化为JSON.

谢谢.维塔利

Answer 1

如果您使用的是HTML5,则可以使用文件api中的readAsDataURL方法读取并将其存储在模型中.

这是我用来阅读和存储的代码.

var Image = Backbone.Model.extend({

    readFile: function(file) {
        var reader = new FileReader();
        // closure to capture the file information.
        reader.onload = (function(theFile,that) {
            return function(e) {
                //set model
                that.set({filename: theFile.name, data: e.target.result});

            };
        })(file,this);

        // Read in the image file as a data URL.
        reader.readAsDataURL(file);
    }   
});