15

Blueimp jquery ファイル アップローダを使用して追加のフォーム データを MYSQL に挿入しようとしています。しかし、私にはいくつかの問題があります。

私はデモ設定を使用しており、テンプレートのアップロードを次のコードに変更しました (* Notunuz 入力を追加しました)

<script id="template-upload" type="text/x-tmpl">
{% for (var i=0, file; file=o.files[i]; i++) { %}
    <tr class="template-upload fade">
        <td class="preview"><span class="fade"></span></td>
        <td class="title"><label>Notunuz: <input name="title[]"></label></td>
        {% if (file.error) { %}
            <td class="error" colspan="2"><span class="label label-important">Hata</span> {%=file.error%}</td>
        {% } else if (o.files.valid && !i) { %}
            <td>
                <div class="progress progress-success progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0"><div class="bar" style="width:0%;"></div></div>
            </td>
            <td class="start">{% if (!o.options.autoUpload) { %}
                <button class="btn btn-primary">
                    <i class="icon-upload icon-white"></i>
                    <span>Başlat</span>
                </button>
            {% } %}</td>
        {% } else { %}
            <td colspan="2"></td>
        {% } %}

    </tr>
{% } %}
</script>
  • 追加のフォーム データを取得するには?
  • 変更.jsしてUploadHandler.phpファイルする方法は？

2 番目の質問は、特定の URL のアップロードにリダイレクトする方法です。

4

4 に答える 4

3

追加の FormData を送信するには複数の方法があります。

1. 静的フォーム データ (フォームデータが実行時に変更されない場合):

を使用して FileUpload を初期化します。

 $('#fileupload').fileupload({
         formData: {
            "data1": data1,
            "data2": data2
        }
     });

2.動的フォームデータ

fileuploadsubmit送信イベントで FormData を設定するために使用します

$('#formData').fileupload({
   .........
}).on('fileuploadsubmit', function (e, data) {
    data.formData = {
         "data1": data1,
         "data2": data2
    };
});

詳細については、次を参照してください。

于 2015-01-26T11:32:19.660 に答える
1

私は次のように使用しました

$('#fileupload').fileupload({
    formData: {example: 'test'}
});

よりダイナミックにするために、

 <input type="text" name="name" value="" id="inpName" /> /* example 1 */
 <span id="spnHash" style="display:none">ttt-vvv-hh</span> /* example 2 */
 $('#fileupload').fileupload({
    var $formData = {
        "name": $("#inpName").val(),
        "hash": $("#spnHash").text()
    }
     formData: $formData
 });

リダイレクトの場合：

https://github.com/blueimp/jQuery-File-Upload/issues/670#issuecomment-2291997

于 2012-12-20T06:31:20.880 に答える