0

私はこのfileReaderコードを持っています

for (var i = 0; i < files.length; i++) {
    fileReader.onload = (function(file) {
        return function(e) {
            z = z + 40;
            // Place the image inside the dropzone
            var image = this.result;
            $('#dropped-files').append('<div style="left: ' + z + 'px; background: url(' + image + ') cover;"> </div>');

        };
    })(files[i]);
}​

とにかく、追加したボックスの背景をアップロードしたばかりの画像に設定しようとしています。問題はそれが機能していないことです。データURIはありますが、背景として表示されないようです。inspect要素のデータURIリンクをクリックしても、アップロードされた画像にアクセスできますが、背景画像として表示されません。

なぜ何かアイデアはありますか？データURIは非常に長いですが、基本データから始まり、それが役立つ場合はbase64です。

4

1 に答える 1

1

cover背景値の最後で削除してみてください。あなたが何をしようとしているのかわかりませんが、それを追加すると、Chromeが手を挙げて、有効なプロパティ値ではないと言います。

編集：代わりに、2つの宣言を行います：

$('#dropped-files').append('<div style="left: ' + z + 'px; background: url(' + image + '); background-size: cover;"> </div>');
于 2012-08-03T18:54:09.027 に答える