0

現在、テキストのみのコンテンツを含むドキュメントを作成するために使用できる HTML フォームがあります。ただし、フォームからもファイルデータをアップロードできるようにしたいと考えています。

これどうやってするの？これが私が今まで使っていたフォームです

<form class="form-horizontal well" id="submitform" name="submitform">
  <label class="control-label" for="brand">Brand</label>
          <label class="control-label" for="link">Any other thoughts?</label>
          <div class="control-group">
            <div class="controls">
              <textarea class="input" rows="3" name="notes" id="notes"></textarea>
            </div>
          </div>

          <div class="control-group">
            <div class="controls">
              <input type="submit" class="btn"/>
            </div>
          </div>

          <label class="control-label" for="picture[]">Got a Picture?</label>
          <div class="control-group">
            <div class="controls">
              <input type="file" name="_attachments" id="picture" accept="image/*" multiple/>
            </div>
          </div>
          </div>
      </fieldset>
    </form>

AJAXを使用してファイルをアップロードしようとしましたが、実際のコンテンツではなく、ファイル名を添付ファイルとしてアップロードすることしかできませんでした。

$.couch.db("couchclothes").saveDoc
  (
    {
      type:   $('#type').val(), 
      brand:  $('#brand').val(), 
      fit:    $('#fit').val(),
      color:  $('#color').val(),
      link:   $('#link').val(),
      notes:  $('#notes').val()
    },  
    {
      success: function(data) 
      { 
        alert("Saved data ok."); 
        var id = data.id;
        var rev = data.rev;

        // send a PUT request here
      }
    }  
  );
4

1 に答える 1

1

また、フィールドとファイルを使用して従来のフォーム POST を実行する方法にも興味があります。

ただし、データとファイルのアップロードを 2 つの別々のステップで実行する (そして質問に答える) ことが問題ない場合は、XHR2 ブラウザーで動作するこのソリューションを確認してください: ブラウザーからファイル (添付ファイル) をアップロードする方法?

于 2012-08-28T08:32:20.380 に答える