2

私は現在、画像アップローダーを使用しています。jquery/cssでの操作に問題があります。レンダリングされたサム画像の横に削除ボタンを表示するには、サポートが必要です。また、これを削除を示す有名な[x]に置き換える方法はありますか？このサイトの例を使用しています

写真： ここに画像の説明を入力してください

Jquery

<script>
    function createImageForm(index) {

        var form = '';

        form += '<div><table cellspacing="0">';
        form += '<tr><td class="label">'
              + '<label for="imageToUpload' + index + '">'
              + $.uploaderPreviewer.messages.imageLabel + ' ' + index + ':</label></td>';
        form += '<td class="removeImageButton">'
              + '<button class="small removeImage" /></td>';
        form += '<td class="imageFormFileField">'
              // BUG: If the "enctype" attribute is assigned with jQuery, IE crashes
              + '<form enctype="multipart/form-data">'
              + '<input id="imageToUpload' + index + '" type="file" />'
              + '<input type="hidden" name="currentUploadedFilename"'
              + ' class="currentUploadedFilename" /></form>'
              + '</td></tr>';
        form += '<tr><td></td><td></td><td>'
              + '<div class="previewImage"><img /></div>'
              + '</td></tr></table></div>';

        return form;
    };
</script>

CSS

button.small {
    font-size: 10px;
    width: 50px;
}

.imageForms td.removeImageButton {
    text-align: center;
    vertical-align: middle;
    width: 70px;
}
4

1 に答える 1

1

次のコードを試すことができます。

function createImageForm（index）{

    var form = '';

    form += '<div><table cellspacing="0">';
    form += '<tr><td class="label">'
          + '<label for="imageToUpload' + index + '">'
          + $.uploaderPreviewer.messages.imageLabel + ' ' + index + ':</label></td>';
    form += '<td class="removeImageButton">'
          + '</td>';
    form += '<td class="imageFormFileField">'
          // BUG: If the "enctype" attribute is assigned with jQuery, IE crashes
          + '<form enctype="multipart/form-data">'
          + '<input id="imageToUpload' + index + '" type="file" />'
          + '<input type="hidden" name="currentUploadedFilename"'
          + ' class="currentUploadedFilename" /></form>'
          + '</td></tr>';
    form += '<tr><td></td><td></td><td>'
          + '<div class="previewImage" style="float:left; margin:0 10px 0 0"><img /></div>'
          + '<button class="small removeImage" /></td></tr></table></div>';

    return form;
};
于 2012-07-03T05:53:46.397 に答える