Предварительный просмотр изображения Jquery и до сих пор сохранить на отправить?

Question

Глядя на пример загрузки изображений с JQuery здесь: http://www.zurb.com/playground/ajax_upload

Используя этот пример, легко создать простой предварительный просмотр изображения, как вы можете видеть ниже.

Превью изображения отлично работает. Однако "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>

Answer 1

Похоже, что это невозможно, так как скрипт выполняет загрузку, поэтому перезагрузка при отправке невозможна, пока я не скопирую поле снова.