angular引入bootstrap的fileinput

发布于 2022-09-04 22:40:20 字数 713 浏览 9 评论 0

如图,下面两种方法引用,方法一不起作用,方法二是在html里直接引用,可以起作用,有没有更好的方法?刚学习不太会
方法一:生成的上传框还是原来的,没起作用

clipboard.png

clipboard.png

方法二:在页面直接引入,可以起作用,但是感觉不太好,有没更好的方法引入?

clipboard.png

clipboard.png

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

梦言归人 2022-09-11 22:40:20

不好意思,找到问题原因了,是因为下载的fileinput.js里默认有下面这段代码,去掉后可以用方法一了

// $(document).ready(function () {
// var $input = $('input.file[type=file]'), count = $input.attr('type') ? $input.length : 0;
// if (count > 0) {
// $input.fileinput();
// }
// });

但是又出现另外一个问题,就是我上传是跨域的,每次请求都会变成两次,一次是option,一次是post,有没办法可以直接不发送option请求呢?

clipboard.png

clipboard.png

我用的angular里面设置content-type就可以只发送一次,去掉option请求了
withCredentials: true, //附带cookie
headers: {

            'Content-Type': 'application/x-www-form-urlencoded'
        }

用ajax设置这两个参数发送一般请求也可以,但是这个是文件流,二进制文件,不能设置content-type为这个,然后每次就两次请求了,有没大神知道怎么解决,去掉option请求

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文