jquery图像预览，仍然保留提交？

看图像的例子上传与jQuery这里： http://www.zurb.com/playground/ajax_upload jquery图像预览，仍然保留提交？

使用这个例子很容易创建一个简单的图像预览，你可以看到下面。

图像预览完美。然而，“input type =”file“id =”imageUpload“”并不保留原始文件，所以当实际提交/保存整个表单时，“form.imageUpload”是空的，并且不会与它一起提交。

我知道我已经上传了带有AjaxUpload的图片，但是如果您仅仅因为预览的原因使用了这个图片，那么您仍然希望保留“老式的方式”。这个脚本似乎从表单字段“imageUpload”中删除输入的值，我怎么才能让脚本保持它，所以我仍然可以上传旧的方式。

由于

var thumb = $('img#thumb'); 

new AjaxUpload('imageUpload', { 
    action: 'plugins/thumbnailupload.cfm', 
    name: 'image', 
    onSubmit: function(file, extension) { 
     $('span.status').text("Loading preview"); 
    }, 
    onComplete: function(file, response) { 
     thumb.load(function(){ 
      $('span.status').text("Loading"); 
      thumb.unbind(); 


      $.ajax({ 
        type: "get", 
        url: "plugins/common/helpers/thumbCleanRam.cfm", 
        data: { 
        fileID: escape(response) 
       }, 
      dataType: "json", 
      }); 


     }); 
     response = $.trim(response) 
     thumb.attr('src', 'plugins/common/helpers/thumbnailpreview.cfm?f='+escape(response)); 
    } 
});

}）;

<div class="clearfix"> 
     <label for="icon">Upload Image</label> 
     <div id="preview"><span id="status"></span><img id="thumb"></div> 
     <div class="input"> 
     <input type="file" id="imageUpload" name="imageUpload"> 
     <br/> 
     </div> 
    </div>

来源

2011-09-06 Prometheus

看起来，这是不可能的，因为脚本需要上传，所以重新加载提交是不可能的，除非我再次复制该字段。

来源

2011-09-14 09:53:58 Prometheus

jquery图像预览，仍然保留提交？

回答

相关问题