File 文件上传时使用“预览图像”;“上传”;

File 文件上传时使用“预览图像”;“上传”;,file,file-upload,uploadify,File,File Upload,Uploadify,我正在使用“UPLOADIFY”站点的脚本上载文件,图像上载成功,但现在我想在我的UI页面上预览图像,我已经编写了一些脚本(将图像转换为Base 64加密代码)来预览图像。 这两个功能单独运行良好,但我无法逐个执行这两个功能。这是我使用的代码,请帮助我 $(document).ready(function() { $('#file_upload').uploadify({ 'uploader' : '/js/uploadify/uploadify.swf', 'script

我正在使用“UPLOADIFY”站点的脚本上载文件,图像上载成功,但现在我想在我的UI页面上预览图像,我已经编写了一些脚本(将图像转换为Base 64加密代码)来预览图像。 这两个功能单独运行良好,但我无法逐个执行这两个功能。这是我使用的代码,请帮助我

$(document).ready(function() {
  $('#file_upload').uploadify({
    'uploader'  : '/js/uploadify/uploadify.swf',
    'script'    : 'index.php',
    'fileExt'     : '*.jpeg;*.gif;*.png',
    'fileDesc'    : 'Image Files',
    'buttonText'  : 'Select File',
    'sizeLimit'   : 102400,
    'onSelect'    : function() {preview(this);}
  });
});

我假设您想在Select上预览图像。。。这是不可能的,因为现代浏览器中的安全措施阻止显示本地(用户本地)图像。这意味着为了预览图像,您必须首先上载它(例如,将上载模式设置为“自动”,然后完成将临时图像添加到div),然后用户将有某种按钮“确认”临时图像确实是所需的图像。然后,该按钮将临时图像移动到一个确定的文件夹中,并将其添加到数据库中

很抱歉没有添加代码,但我认为您可以轻松地自行完成。也有一些很棒的教程

干杯