Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ajax/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/image/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Ajax Jasny引导文件上载图像预览错误_Ajax_Image_Twitter Bootstrap_File Upload_Jasny Bootstrap - Fatal编程技术网

Ajax Jasny引导文件上载图像预览错误

Ajax Jasny引导文件上载图像预览错误,ajax,image,twitter-bootstrap,file-upload,jasny-bootstrap,Ajax,Image,Twitter Bootstrap,File Upload,Jasny Bootstrap,我正在使用Jasny Bootstrap文件上传,正在进行第一次提交。问题:在第一次提交工作正常后,图像预览不再工作 复制步骤: 1.选择一张照片。显示照片(img src=“data:image/jpeg;base64…在#文件上载预览中创建) 2.提交表格。照片上传正常 3.重置表单。不显示任何照片。 4.选择一张照片。照片未显示问题不在重置中。取而代之的是$。ajaxFileUpload会破坏小部件。您可以提交Jasny引导和ajaxFileUpload库的错误 但是,使用另一个库来上传表

我正在使用Jasny Bootstrap文件上传,正在进行第一次提交。问题:在第一次提交工作正常后,图像预览不再工作

复制步骤:
1.选择一张照片。显示照片(img src=“data:image/jpeg;base64…在#文件上载预览中创建)
2.提交表格。照片上传正常
3.重置表单。不显示任何照片。

4.选择一张照片。照片未显示问题不在重置中。取而代之的是
$。ajaxFileUpload
会破坏小部件。您可以提交Jasny引导和ajaxFileUpload库的错误


但是,使用另一个库来上传表单可能更容易,如

问题不在于表单重置。这是正确的:。由于跨域ajax保护,我在测试时遇到了问题。我测试了这一点,并且使用Chrome或Firefox可以正常工作。您使用的浏览器是哪种?我尝试了Firefox 21和IE10。您的示例工作正常。我的工作正常吗?我在ajax请求结束时用你的重置更新了它:提交后它不再工作了。它对你有效吗?我认为ajax不应该影响它,但它确实有效。
<div class="fileupload fileupload-new" data-provides="fileupload">
     <div class="fileupload-new thumbnail" style="width: 200px; height: 150px;"></div>
     <div class="fileupload-preview fileupload-exists thumbnail" style="max-width: 200px; max-height: 150px; line-height: 20px;"></div>
     <div>
          <span class="btn btn-file">
               <span class="fileupload-new">Choose a photo</span>
               <span class="fileupload-exists">Change</span>
               <input type="file" name="foto" id="foto" />
          </span>
          <a href="#" class="btn fileupload-exists" data-dismiss="fileupload"> Delete</a>
      </div>
 </div>