부트 스트랩 InputFile 초기 미리보기 이미지를 원본 크기로 표시합니다.

Question

Krajee Bootstrap FileInput을 사용하고 있습니다. 나는 문제 아래 initialPreview 태그를 사용하고 있습니다 해요 :

1. 초기 이미지는 원본 이미지의 크기가 아니라 썸네일 크기
2. 초기 이미지를 삭제할 수 없습니다에 표시됩니다.
3. 저는 overwriteInitial과 autoReplace을 사용하고 있습니다. 그러나 새 이미지를 추가 할 때 초기 이미지는 그대로 남아 있습니다. 나는 그것이 초기 이미지를 덮어 기대하지만하지 않습니다

이 내 스크립트입니다 : 태그 IMG의 폭

<script> 
    $("#file-1").fileinput({ 
     initialPreview: [ 
      "<img src='/img/Tulips.jpg' class='file-preview-image' title='Desert'>" 
     ], 
     uploadUrl: "@Url.Action("upload","Home")", 
     uploadAsync: true, 
     allowedFileExtensions: ['jpg', 'png', 'gif'], 
     maxFilesNum: 1, 
     allowedFileTypes: ['image'], 
     overwriteInitial: true, 
     autoReplace: true, 
     showUpload: true, 
     showCaption: true, 
     showUploadedThumbs: true, 
    }); 
</script> 

Answer 1

어쩌면 집합 크기?

<script> 
$("#file-1").fileinput({ 
    initialPreview: [ 
     "<img src='/img/Tulips.jpg' class='file-preview-image' title='Desert' width='120' >" 
    ], 
    uploadUrl: "@Url.Action("upload","Home")", 
    uploadAsync: true, 
    allowedFileExtensions: ['jpg', 'png', 'gif'], 
    maxFilesNum: 1, 
    allowedFileTypes: ['image'], 
    overwriteInitial: true, 
    autoReplace: true, 
    showUpload: true, 
    showCaption: true, 
    showUploadedThumbs: true, 
});