ruby-on-rails - 使用 AngularJS 和 Rails 上传文件

Question

我有一个模型BOOK，将通过 angularjs 控制器插入书籍详细信息

这是我的看法：

<h1 align="center">Books</h1>
<div ng-controller="BooksCtrl" class="container">
  <div class="row-fluid">
    <div class="col-md-6"> 
      <form ng-submit="addBook()" class="loginform cf">
        <input type="text" ng-model="newBook.title" placeholder="Title of the Book" required>
        <input type="text" ng-model="newBook.isbn" placeholder="ISBN Number of Book" required>
        <input type="file" ng-model="newBook.book_link">
        <input type="text" ng-model="newBook.edition" placeholder="Edition of the book" required>
        <input type="text" ng-model="newBook.publication_id" placeholder="Select the publication ID" required>
        <input type="submit" value="Add Book">
      </form>

      <div ng-show="editorEnabled" class="loginform cf">
        <form ng-submit="update()">
          <input type=text ng-model="editableBook.title" ng-show="editorEnabled" required>
          <input type=text ng-model="editableBook.body" ng-show="editorEnabled" required>
          <input type="submit" value="Update" class='btn'>
          <a href="#" ng-click="disableEditor()" class="btn">close</a>
        </form>
      </div>
      <div ng-show="selectedBook" class="loginform cf">
        <h2>{{selectedBook.title}}</h2>
        <p>{{selectedBook.body}}</p>
      </div>
    </div>

    <div class="col-md-6">
      <ul style="list-style-type: none;">
        <li ng-repeat="book in books" class="loginform cf" >
          <div>
            <div>{{book.title}}</div>
            <a href="">
              <img src="{{book.book_link.thumb.url}}"/>
            </a>


            <button href="#" ng-click="showBook(book)" class="btn">Show</button>
            <button href="#" ng-click="enableEditor(book)" class="btn">edit</button>
            <br>
          </div>
        </li>
      </ul>
    </div>

  </div>
</div>

我的 angularjs 控制器功能是：

book = Book.save($scope.newBook, function(data,headers) {
        console.log(book);
        $scope.books.push(book);
    }, function(data,headers) {
        // do the error case  
        console.log(data);
        if (data.status == 422)
        {
            alert("validation is failed book should be unique");
        }           
    });

问题是它存储了除书籍 pdf 上传之外的所有详细信息。它甚至没有通过名字。我该如何解决这个问题？任何建议，将不胜感激。