有没有办法使用Model.set和Model.save,以一种强制Backbone将数据作为文件发送到服务器的方式(就像您使用带有标签的表单提交一样)?
// Backbone Model JS
User = Backbone.Model.extend({
readAvatar : function (file, callback) {
var reader = new FileReader(); // File API object for reading a file locally
reader.onload = (function (theFile, self) {
return function (e) {
// Set the file data correctly on the Backbone model
self.set({avatar_file_name : theFile.name, avatar_data : fileEvent.target.result});
// Handle anything else you want to do after parsing the file and setting up the model.
callback();
};
})(file, this);
reader.readAsDataURL(file); // Reads file into memory Base64 encoded
}
});
// Somewhere in your view JS
this.$("input[type='file']").change(function (event) {
var file = e.originalEvent.target.files[0];
userModel.readAvatar(file, userModel.save);
});
// HTML
<form><input type="file" name="avatar"/></form>
现在,在您的后端,您需要处理以Base64编码数据形式传输的文件。
需要注意以下几点:
如果您需要广泛的浏览器支持,则此解决方案可能不适用于您。
对文件进行Base64编码将使通过网络发送的数据量增加约30%。