bootstrap的fileupload上传图片后，预览空白？

Big丶Fine 2017-07-13 10:47:01

最近使用bootstrap的fileupload做图片上传功能，但是图片上传之前，点击预览是能看看预览图片的，上传成功之后，再点击预览，图片就是空白的了，有遇到类似问题的么？

上传成功后：

...全文

438 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

Big丶Fine 2017-07-13

打赏
举报

回复

引用

路径有问题，或者没上传成功，按F12看看

文件肯定上传成功了，只是预览没有出来

浪子回头8 2017-07-13

打赏
举报

回复

路径有问题，或者没上传成功，按F12看看

Big丶Fine 2017-07-13

打赏
举报

回复

已经解决了，fileupload版本的问题

此文章记录引入bootstrap fileupload 遇到的坑官网实例：http://plugins.krajee.com/file-input-ajax-demo/1 1、需要引入的css及js：注意jquery引入的顺序 2、我是单独做的实例，所以除了上面截图的内容，任何都系都没有引入，导致demo页中很多按钮图标没有显示，这是因为需要引入下面几个bootstrap的图

一、图片形状 1、通过为 <img> 元素添加以下相应的类，可以让图片呈现不同的形状。 .img-rounded：添加 border-radius:6px 来获得图片圆角。 .img-circle：添加 border-radius:50% 来让整个图片变成圆形。 .img-thumbnail：添加一些内边距（padding）和一个灰色的边框。 <img src="...

预览时显示和不显示上传和删除图标，主要是通过 uploadUrl:"/..." 来控制，如果注释掉就会不显示$(".fileupload").fileinput({ language: "zh", showUpload: false, //uploadUrl: "/...", autoReplace: true, maxFileCount...

框架搭建我们在之前的文章中已经实现了单张图片的上传，使用的是最基本的 File类型的input提交的方式，上传到远程静态资源器和七牛云。之前的文章关注的地方主要是后端，也就是图片上传保存到哪里:上传到自己的远程静态资源服务器参考:java上传文件到远程服务器(一)---HttpURLConnection方式java上传文件到远程服务器(二)---HttpClient方式上传到七牛云服务器参考:

我们在前一章已经实现了 Bootstrap框架---Uploadify插件----多张图片上传交互方式二。 Bootstrap框架---Uploadify插件----多张图片上传交互方式二本章主要关注单多张图片上传在Bootstrap框架中的布局和实现。我们在之前的文章中已经在SpringMVC基础框架的基础上应用了BootStrap的后台框架，在此基础上记录单多张图片上传在Bootstrap

61,112

社区成员

60,732

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章