如果没有设置图像网址,则Krajee bootstrap-fileinput和initialPreview问题

时间:2018-03-17 14:04:58

标签: javascript jquery

有没有办法显示初始头像(在表单之前上传),如果头像不存在,则显示标准图像(NO AVATAR)?我上传了一个附件:当我没有上传任何内容时,我想要POINT 2.

我的输入字段:

<input type="file" id="avatar" name="avatar" data-url="<?php echo $path_to_actual_image; ?>">

// $path_to_actual_image can be empty if logo are not set yet

我现在用这个:

$("#avatar").fileinput({
  language: 'it',
  overwriteInitial: true,
  removeFromPreviewOnError: true,
  initialPreviewAsData: true,
    showClose: false,
    browseOnZoneClick: true,
    showCaption: false,
    browseIcon: '<i class="glyphicon glyphicon-folder-open"></i>',
    removeIcon: '<i class="glyphicon glyphicon-remove"></i>',
  initialPreview: [ function() { if ( $("#avatar").data("url") != "" ) { return $("#avatar").data("url"); } else { /*NOTHING*/ } ],
  defaultPreviewContent: '<img src="http://www.placehold.it/300x300/EFEFEF/AAAAAA&amp;text=no-avatar" alt="No avatar">',
  allowedFileExtensions: ["jpg", "jpeg", "png", "gif"],
    maxFileSize: 2000
})

它运作良好......但如果没有头像,它会显示一个空白块! (我上传的示例附件的第1点)我试图改变:

initialPreview: [ function() { if ( $("#avatarl").data("url") != "" )
{ return $("#avatar").val("url"); } else { return "http://www.placehold.it/300x300/EFEFEF/AAAAAA&amp;text=no-avatar"; } ] 

...在这种情况下,我看到无头像设置的标准图像,但缩放按钮和删除按钮是活动的! (那些必须不激活)。 (参考我的附件示例enter image description here中的POINT 4)

其他信息:我没有使用ajax上传

0 个答案:

没有答案