私はこの質問が以前に尋ねられたことを知っていますが、満足のいく答えはありません. ウェブサイトの開発に Sails.js を使用しています。
ファイルアップロードオプション(JQueryファイルアップロードプラグインを使用しました)とともにいくつかのテキストフィールドを持つフォームがあります。ただし、ファイルが選択されておらず、テキスト フィールドのみが入力されている場合、送信はそれ以上進行しません。
これは私の main.js 送信関数です:
$(function () {
'use strict';
var propertyId = document.getElementById("helper").getAttribute("data-name");
var fileCount = 0, fails = 0, successes = 0;
// Initialize the jQuery File Upload widget:
$('#fileupload').fileupload({
// Uncomment the following to send cross-domain cookies:
//xhrFields: {withCredentials: true},
//url: 'server/php/'
singleFileUploads: false,
url: '/admin/property/'+propertyId+'/pictures/upload'
})
そして、これは私のフォームです:
<form id="fileupload" action="/admin/property/<%=propertyId%>/pictures/upload" method="POST" enctype="multipart/form-data">
<noscript><input type="hidden" name="redirect" value="https://blueimp.github.io/jQuery-File-Upload/"></noscript>
<div class="row fileupload-buttonbar">
<div class="col-lg-7">
<label>Stage Title:</label>
<input class="form-control" type="text" name="stageTitle"/>
<br>
<label>Start Date:</label>
<input class="form-control" type="text" name="startDate"/>
<br>
<label>End Date:</label>
<input class="form-control" type="text" name="endDate"/>
<br>
<label>Description:</label>
<textarea class="form-control" type="text" name="description"> </textarea>
<br>
<label>Pictures:</label><br>
<span class="btn btn-success fileinput-button">
<span>Add Images...</span>
<input type="file" name="files" id="files" multiple>
</span>
<button type="reset" class="btn btn-warning cancel">
<span>Cancel upload</span>
</button>
<span class="fileupload-process"></span>
</div>
<div class="col-lg-5 fileupload-progress fade">
<div class="progress progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar progress-bar-success" style="width:0%;"></div>
</div>
<div class="progress-extended"> </div>
</div>
<button type="submit" class="btn btn-primary start">
<span>Save</span>
</div>
<table id="pictureTable" role="presentation" class="table table-striped"><tbody class="files"></tbody></table>
</button>
</form>
ファイルを選択せずにライブラリを機能させるには? もう 1 つのオプションは、テキスト フィールド用とファイル用の 2 つの別々の送信を作成することです。しかし、それは非常に厄介であり、私はその方法を好まない. 任意のガイダンスをいただければ幸いです。