【问题标题】:Change preview Image after clicking a button on krajee file input单击 krajee 文件输入上的按钮后更改预览图像
【发布时间】:2016-05-31 22:51:21
【问题描述】:

我的页面中有很多记录,每个记录都有一个“编辑”按钮,它从服务器获取与该记录相关的所有数据,然后填写表格旁边的表格。

问题是,我使用的是 Krajee 文件输入,但我似乎无法将预览图像更改为我之前在服务器中上传的图像。当我点击“编辑”时, 每次单击任何记录的编辑按钮时,它都会更改预览图像,并在文件输入插件中显示该记录的图像。

第一个问题:这可能吗?

第二个也是最后一个,我留下我的 JS 代码,初始化:

$(document).on('ready', function() 
{
  $('#photo').fileinput(
                      {
                       overwriteInitial: true,
                       maxFileSize: 100,
                       showRemove:false
                       }                           
                       );    
 });

里面有 FileInput 代码部分的 Edit 函数。

$("#photo").fileinput('refresh', 
                         {
                             initailPreview:
                             [
                                 '<img src="../img/Legacy.jpg" class="file-preview-image">'
                             ],
                             showUpload:false 
                         }
                         );

就我目前所见,它刷新了插件,删除了“上传”按钮,但图像不显示。 这些图像仅在我将它们添加到“OnReady”中时才会出现。 对于实际问题,我只是使用存储在我的项目(Legacy.jpg)中的任何图像,看看它是否有效。

【问题讨论】:

  • 第二个代码块有拼写错误:initailPreview 应该是initialPreview
  • 是的,几分钟前我才意识到,我用这个 T.T 浪费了将近三个小时

标签: javascript jquery


【解决方案1】:

天哪,这是“初始”而不是“初始”。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-10-21
    • 2016-03-13
    • 2017-01-21
    • 1970-01-01
    相关资源
    最近更新 更多