问题标签 [jasny-bootstrap]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
367 浏览

ruby-on-rails - Shortening File Upload Name in View - Rails/Paperclip/Bootstrap

I am using Jasny's Bootstrap plugin for file uploads in a rails app that is using paperclip. It is working fine, but I would like to truncate the file name that is previewed before uploading.

After selecting a file, I would like the file upload preview text to say something like 'example_fil...' instead of 'example_file_for_practice.jpg'.

Are there any techniques for doing this either in the view (doubtful) or in Bootstrap/Jasny?

Also, I know someone is going to tell me to check out the jquery file upload plugin - it is pretty awesome! I'd like to try to solve this problem before moving on, though.

0 投票
2 回答
2856 浏览

django - 用于 jasny 文件上传的 django-crispy-forms

我正在使用 django-crispy-forms ( http://django-crispy-forms.readthedocs.org/ ),我正在尝试使用 Jasny Bootstrap 文件上传 ( http://jasny.github.io/bootstrap/javascript.html #fileupload)使我的网页看起来更好。

据我所知,开箱即用的 Crispy 表单不支持 Jasny 文件上传。由于我不是很有经验,我尝试使用 Crispy 表单中可用的任何内容,而不是创建自己的布局对象。但是,我现在已经尝试了几天,它不起作用。

我知道这不是正确的方法,但到目前为止我的尝试是尝试在 forms.py 中使用 Crispy-form 的 Div 来使 django 生成类似于 Jasny 文件上传示例代码的内容。

Jasny 文件上传的代码:

摘自我的 forms.py:

这是非常难看的代码,它不起作用,因为我仍然在新按钮中获得原始的“选择文件”按钮。

我非常感谢任何可以提供帮助的人!我一直很沮丧,拔了很多头发试图完成这项工作:(

非常感谢。

0 投票
2 回答
2296 浏览

javascript - Jasny Bootstrap rowlink 模态调用

我刚刚发现,当我试图找到类似的东西时,bootstrap 有一个扩展,.row-link所以当我在我的桌子上实现它时,当我点击每一行时,我似乎无法调用模式。boostrap 中的模态不会被调用。我真的无法追踪为什么当我调试(使用firebug)页面时,我放置我的a标签的td标签,我的a标签链接看不到。显示的只是 的值。例如<a> some link </a>

一些链接是我在萤火虫上看到的唯一东西,通常当我调试时,我会看到所有的 html 标签,<a href="some link" data-toggle="modal" data-target="some taget"> click me </a> 但我真的不知道为什么我不能使用 row-link 调用模式

同样,当我单击 1 行时,我的目标会出现一个模式框

这是我的代码片段

当我尝试这个时,请注意这个链接在表格 html 标记之外

任何人都知道如何在行链接中实现模式视图,请分享

0 投票
1 回答
2663 浏览

ajax - Jasny bootstrap 文件上传图片预览错误

我正在使用 Jasny Bootstrap Fileupload 并且正在为第一次提交工作。问题:第一次提交工作正常后,图像预览不再起作用。

复制步骤:
1. 选择一张照片。显示照片(img src="data:image/jpeg;base64... 在#fileupload-preview 中创建)
2. 提交表单。照片上传成功
3. 重置表单。没有显示照片
。4 . 选择一张照片。照片没有显示 <= ERROR (nothing inside #fileupload-preview)
5. 提交表格。照片上传成功

要使用 JSFiddle 模拟它,您可以:
1. 选择一张照片
2. 单击“保存”
3. 选择另一张照片。错误....

JSFiddle 示例

相关的jasny文件上传代码:

谢谢

0 投票
1 回答
1254 浏览

twitter-bootstrap - 清除后引导文件上传空数组

你可以在这里看到问题http://bmi.sf.net/test.html

对于我正在使用的确切代码,右键单击此网站并View source在菜单中选择。

我正在使用 Jasny 引导文件上传插件。我有一个使用这个插件的表单。表单提交到一个处理 $_FILES 数组的 php 文件。

在上面的代码中,我使用了 jQuery 表单插件来查看表单提交的实时预览。php只是做一件事:print_r($_FILES)

它运行良好,除非发生以下一系列操作,$_FILES 数组为空:

  • 用户选择一个文件。显示正常的 php 输出。
  • 然后用户使用“x”按钮清除表单。按预期显示空数组。
  • 用户加载一个新文件。现在数组是空的,出乎意料。

如何解决这个问题?

如果用户不先清除表单而是直接加载新文件,则数组不为空。但是每个用户都不会这样做,所以我想解决给定的问题。

0 投票
0 回答
1771 浏览

javascript - 提交后,jasny bootstrap 文件上传未在输入 div 中显示文件名

我正在使用带有 ajaxupload.js 的 jasny 引导文件上传。

http://jasny.github.io/bootstrap/javascript.html#fileupload

我使用了以下代码。当我单击选择文件时,它会在输入 div 中显示它。

但是当我单击提交然后尝试选择元素时,它没有在输入 div 中显示名称

这是一个小提琴:http: //jsfiddle.net/Ffkj6/

0 投票
1 回答
461 浏览

jquery - 兼容 Jasny 文件上传插件 + blueimp 文件上传吗?

我正在尝试使用Jasny 文件上传插件进行设计和Blueimp 文件上传插件同时上传图像。我不知道我做得对不对。

整个网站是用 Bootstrap 设计的,并且强加了 Jasny 文件上传插件。我选择使用 Blueimp 文件上传插件,因为它很灵活,我可以验证上传文件的类型和体积等等......

因此,当我选择图像时,Blueimp 文件上传将照片上传到服务器上没有任何问题,但 Jasny 文件上传不会移动。预览区域保持空白。缩略图不会出现在该区域中。此外,“选择”按钮不会更改为“更改”和“删除”按钮。

如果我评论这些行:

Jasny 文件上传工作,显示缩略图,选择按钮变为更改和删除按钮,但图像当然不能上传:)

是兼容性问题还是我做错了什么?

提前致谢

0 投票
0 回答
798 浏览

javascript - Jasny Bootstrap 文件上传图像预览不起作用

我最近注意到我网站上的文件上传图像预览不起作用。它以前确实有效。当前状态是“选择图像”提示起作用,要求您选择一个文件,如果您提交表单,它实际上会将图像添加到数据库中。但是,提示图像预览和交互式按钮(更改/删除)的统计信息不起作用。

使这个问题特别困难的是,我看不到与文件相关的任何特定 javascript 错误,并且插件文件本身从 S3 服务器加载。

可以找到图像预览:https ://www.rigsandwagons.com/listings/add/

0 投票
1 回答
857 浏览

php - jasny bootstrap 文件上传,文件未更改

我在用着

jasny 引导文件上传

用 PHP。我一直在论坛和文档中,但无法解决我的问题。

看,当用户上传图像时(顺便说一下,图像是必填字段,因此用户在不分配照片的情况下无法保存),我将图像的路径存储到数据库并将照片保存到用户的个人资料中,到目前为止没有问题。

但是在更新用户信息时,这就是问题的开始。我检查用户是否有照片,如果用户有照片,我会显示该照片(也没有问题)但是当我保存而不更改照片时,程序就像没有分配照片一样(“此字段是必需的”)。

我认为问题是当我手动(在代码中)在 HTML 部分显示照片时,它被视为

但是当我选择使用按钮选择照片时

某种加密数据,有人遇到过这个问题吗?

0 投票
2 回答
1511 浏览

twitter-bootstrap - 使用 Laravel 4 进行简单身份验证

我正在尝试以简单的方式进行 laravel 身份验证,但我无法正常工作。似乎尝试不起作用。

我的 auth.php

用户控制器.php

我已经读到我们需要用Hash::make();. 所以它已经完成了。

登录.blade.php