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

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

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

上传成功后：

...全文

496 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的图

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

bootstrap上传文件控件初始化js： //bootstrap上传文件控件 $(".fileupload").fileinput({ language: "zh", showUpload: false, //uploadUrl: "/Product/imgDeal", autoReplace: true, maxFileCount: 1...

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

BootStrap fileinput文件上传组件实例代码以及遇到的问题最近用到图片文件上传的功能，对比之后本人决定选用bootstrap fileinput控件，本篇介绍如何使用bootstrap fileinput.js，file input等插件，该插件功能强大，样式非常美观，并且支持上传文件预览，ajax同步或异步上传，拖曳文件上传等炫酷的功能...

61,129

社区成员

60,711

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

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

+ 用AI写文章