このSITEの Ajax imageuploader を使用しています。現在、プレビュー画像の複製を作成しています。1 つは入力フィールドの下に表示され、もう 1 つは「これはあなたが選択したもの」のようなページの別の場所に表示されます。問題は、ユーザーがファイルを選択すると、関数は画像を表示しますが、ユーザーが気が変わって新しい画像を選択するyourCustomPreview
と、選択された新しい画像と古い画像が表示されることです。
古いプレビュー画像を表示せずに最新のプレビュー画像を表示する方法はありますか? 不明な場合は、ソース ファイルを確認してください。
uploaderPreviewer.js- オリジナル関数
<script>
function displayImage($previewDiv, imageUrl) {
var imageFilename = imageUrl.substr(imageUrl.lastIndexOf('/') + 1);
$previewDiv
.removeClass('loading')
.addClass('imageLoaded')
.find('img')
.attr('src', imageUrl)
.show();
$previewDiv
.parents('table:first')
.find('input:hidden.currentUploadedFilename')
.val(imageFilename)
.addClass('imageLoaded');
$previewDiv
.parents('table:first')
.find('button.removeImage')
.show();
}
</script>
uploaderPreviewer.js - 変更された機能
<script>
function displayImage($previewDiv, imageUrl) {
//New
var yourCustomPreview = $('#custompreview');
var imageFilename = imageUrl.substr(imageUrl.lastIndexOf('/') + 1);
$previewDiv
.removeClass('loading')
.addClass('imageLoaded')
.find('img')
.attr('src', imageUrl)
.show();
$previewDiv
.parents('table:first')
.find('input:hidden.currentUploadedFilename')
.val(imageFilename)
.addClass('imageLoaded');
$previewDiv
.parents('table:first')
.find('button.removeImage')
.show();
//New
yourCustomPreview.append('<img src="' + imageUrl + '"/>');
}
</script>