11

プログラムでファイルをアップロードするためのAPIを持つ jQuery ファイル アップロード プラグインを使用しています。ドキュメントには次のように書かれています。

$('#fileupload').fileupload('add', {files: filesList});

filesList問題は、どうあるべきかわからないことです。私は次のことを試みましたが失敗しました：

$('#fileupload').fileupload('add', {files: ['/Users/bob/Desktop/test.png']});

正確には何filesListですか？

4

3 に答える 3

9

ばかげた例:)うまくいく！

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<div id="fileupload"></div>
<input class="zz" type="file" name="files[]"  multiple><br />
<input class="zz" type="file" name="files[]"  multiple><br />
<input class="zz" type="file" name="files[]"  multiple><br />
<input class="zz" type="file" name="files[]"  multiple><br /><br /><br /><br />
<input id="envoi_fax" type="submit" class="btn btn-primary start"> <i class="icon-upload icon-white"></i><span>Start upload</span>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script src="js/vendor/jquery.ui.widget.js"></script>
<script src="js/jquery.iframe-transport.js"></script>
<script src="js/jquery.fileupload.js"></script>
<script src="js/jquery.fileupload-fp.js"></script>
<script src="js/jquery.fileupload-ui.js"></script>
<script> 
$('document').ready(function () {
    var mycars = new Array();

    $('#fileupload').fileupload({
        url:'server/php/',
        dataType: 'json',
        singleFileUploads: false,
        done: function (e, data) {
            $.each(data.result, function (index, file) {
                $('<p/>').text(file.name).appendTo(document.body);
            });
        }
    });

    $('.zz').bind('change', function (e) {
        var f;
        f = e.target.files || [{name: this.value}];
        mycars.push(f[0]);
    });

    $("#envoi_fax").click(function () {
        $('#fileupload').fileupload('send', {files: mycars});
    });
});
</script>
</body> 
</html>
于 2012-10-17T23:21:54.467 に答える
5

ドキュメントを引用するには：

2 番目の引数は、files プロパティとして File または Blob オブジェクトの配列 (または配列のようなリスト) を持つオブジェクトでなければなりません。

ファイル タイプ入力の files プロパティまたは HTML5 File API を使用して、ファイル オブジェクトを取得できます。

FileAPI とファイル入力の操作の詳細については、 MDC - Web アプリケーションからのファイルの使用を参照してください。

于 2012-01-20T11:02:32.343 に答える
0

ドキュメントが教えてくれます

The second argument must be an object with an array (or array-like list) of File
or Blob objects as files property.

File をMozilla の DOM File オブジェクトにリンクしている間

これらのオブジェクトの配列を提供する必要があります

于 2012-01-20T11:03:08.363 に答える