Javascript 如何在dropify中设置默认图像？（base64图像格式）

我正在使用插件上传图像，如果指定图像已经上传了文件，我希望

元素显示缩略图

我发现该解决方案可以工作，但当我从服务器获取以base64格式保存在数据库中的图像时，该解决方案并没有解决我的问题

p、 我正在使用.Net核心mvc和Javascript/jQuery

@if (Model.Product.RequiredImagesCount >= 1)
    {
        <form action="@($"/PrintOrder/OrderImageUpload?orderId={Model.Id}&imagePosition=0")" method="post" class="form-horizontal" enctype="multipart/form-data">

            <input type="file" name="File" class="dropify" data-max-file-size="50M" data-show-remove="false" data-default-file="" onchange="SubmitForm($(this));" />

            <div class="progress progress-striped d-none">
                <div class="progress-bar progress-bar-success">0%</div>
            </div>
        </form>
    }

@if（Model.Product.requiredImageScont>=1）
{
0%
}

如何在dropify中设置默认图像？（base64图像格式）

要使用存储在数据库中的base64编码图像在dropify中设置默认图像，可以参考以下方法

<input type="file" name="File" class="dropify" data-max-file-size="50M" data-show-remove="false" data-default-file="" onchange="SubmitForm($(this));" />

JS代码

$（函数（）{
$（'.dropify'）.dropify（）；
resetPreview（'文件'，'数据：image/jpeg；base64，/9j/4aaqskzjrgabaqaasabababaaad/4RI…'，
"Image.jpg";；
})
函数resetPreview（名称，src，fname=''）{
让输入=$（'input[name=“”+name+“]”）；
让wrapper=input.closest（'.dropify wrapper'）；
让preview=wrapper.find（'.dropify preview'）；
让filename=wrapper.find（'.dropifyfilename-inner'）；
让render=wrapper.find（'.dropify render'）.html（''）；
input.val（“”）.attr（'title'，fname）；
wrapper.removeClass（'has-error'）.addClass（'has-preview'）；
html（fname）；
render.append（$（'
测试结果

在@ruleboy21 shared解决方案和以上解决方案上提出了相同的问题/要求，这些解决方案对我很有效。您好@SoroushBorhan，关于此案例的任何更新？如果答案确实有助于实现您的要求，请接受它-请参阅
$(function () {
    $('.dropify').dropify();

    resetPreview('File', 'data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAASABIAAD/4RI....',
        'Image.jpg');
})

function resetPreview(name, src, fname = '') {
    let input = $('input[name="' + name + '"]');
    let wrapper = input.closest('.dropify-wrapper');
    let preview = wrapper.find('.dropify-preview');
    let filename = wrapper.find('.dropify-filename-inner');
    let render = wrapper.find('.dropify-render').html('');

    input.val('').attr('title', fname);
    wrapper.removeClass('has-error').addClass('has-preview');
    filename.html(fname);

    render.append($('<img />').attr('src', src).css('max-height', input.data('height') || ''));
    preview.fadeIn();
}