使用ajax提交表单后第二次无法从textarea获取图像数据（base64）

Question

我正在从隐藏的 textarea 和该值获取 base64 格式的图像数据 正在通过 ajax 保存，并且图像是第一次生成的 使用 ajax 提交表单，在 ajax 成功方法中我得到新的图像 url 我使用 $('.contained').attr("src",data);但第二次 当我上传图片时，我没有在 textarea 中得到值，所以没有图片 是生成的，但是当我刷新页面然后再次提交时 工作正常我不想刷新页面。请帮助解决我的问题。

查看：

<script type="text/javascript">
$("#upload_course").on('submit',function(e){
    e.preventDefault();
    var txtareaval = $('#image_source').val();

    var baseurl="<?php echo base_url(); ?>";

    var formData = new FormData($("#upload_course")[0]);

 $.ajax({
    url: "<?php echo base_url();?>upload_course_image/do_upload",
        type: 'POST',
        async : false,
        cache : false,
        contentType : false,
        processData:false,
        data: formData,
        success: function(data){

        $('.loader').show();
        $('.contained').attr("src",data);
         setTimeout(function () {
           $('.loader').hide();
           $("#show_image_preview").show();
         }, 1000);
       },
    error: function(){                      
       alert('Error while request..');
       }
   });
});
</script>

<form  enctype="multipart/form-data" method="post" accept-charset="utf-8" id="upload_course" action="<?php echo site_url('upload_course_image/do_upload'); ?>"> 
<input type="hidden" name="c_id" value="<?=$result;?>" />
<img class="contained" data-purpose="image-preview" style="max-width:500px;width:500px;height: 300px;" src="<?php echo $image; ?>" />
<textarea id="image_source" name="test" style="display:none"></textarea>
<input type="File" name="course_img" id="course_img"/>
<input type="submit" name="submit" value="Save" class="btn btn-primary btn btn-success" id="submit-id-submit"/> 
</form>

Answer 1

像这样将当前时间添加到图像的末尾

$('.contained').attr("src",data + '?' + new Date().getTime()).show());