我正在尝试使用AngularJS/Rails和Paperclip gem实现文件上传。我用一个指令解决了文件输入问题。现在我想将图像与帖子的其他数据一起发送,但图像数据没有被发送。
HTML:
我的控制器:
我的模型:
但是当我将其发送到服务器端时,请求就像这样:
因此,关于图像的任何数据都不会被发送到服务器,有什么提示如何实现这一点吗?
HTML:
<form name="PostForm" ng-submit="submit()" novalidate>
<input type="text" ng-model="post.title">
<input type="file" file-upload />
<textarea ng-model="post.content"></textarea>
</form>
我的控制器:
$scope.create = function() {
function success(response) {
console.log("Success", response)
$location.path("posts");
}
function failure(response) {
console.log("Failure", response);
}
if ($routeParams.id)
Post.update($scope.post, success, failure);
else
Post.create($scope.post, success, failure);
}
$scope.$on("fileSelected", function (event, args) {
$scope.$apply(function () {
$scope.post.image = args.file;
});
我的模型:
class Post < ActiveRecord::Base
attr_accessible :content, :title, :image_file_name, :image_content_type, :image_file_size, :image_updated_at
belongs_to :user
has_attached_file :image, :styles => { :medium => "300x300>", :thumb => "100x100>" }, :default_url => "/images/:style/missing.png"
end
但是当我将其发送到服务器端时,请求就像这样:
{
"content":"Hey",
"created_at":"2013-08-31T17:54:32Z",
"id":17,
"image_content_type":null,
"image_file_name":null,
"image_file_size":null,
"image_updated_at":null,
"title":"Image",
"updated_at":"2013-08-31T17:54:32Z",
"user_id":4
}
因此,关于图像的任何数据都不会被发送到服务器,有什么提示如何实现这一点吗?