当前位置：文江博客话题详情

需要 jQuery 文件类型输入插件

发布于 2024-10-07 17:58:44 字数 45 浏览 5 评论 0原文

我希望将输入类型文件自定义为自定义浏览按钮。有谁知道我可以使用什么好的插件？

原文

分享到QQ

分享到微博

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

发布评论

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

意中人 2024-10-14 17:58:46

由于浏览器的安全性，这是不可能的。您必须将输入元素与类型文件一起使用。我认为您可以将图像放在浏览器按钮的顶部来自定义它，只要您确保单击事件已传递到文件输入即可。

由于浏览器安全性的原因，您无法使用任何其他内容作为文件输入元素来访问客户端文件系统。您永远无法使用 JavaScript 等脚本语言获得文件结构。即使当您使用 JavaScript 检查 value 属性时也不会。 value 属性将仅返回文件名而不是路径。

您可以尝试使用 Uploadify jquery 插件来自定义按钮。但如果我没记错的话，这将适用于 Flash 文件。

编辑：是的检查过。这可以通过 Uploadify 实现。您可以使用一个选项buttonImg。

$(document).ready(function() {
  $('#file_upload').uploadify({
    'uploader'  : '/uploadify/uploadify.swf',
    'script'    : '/uploadify/uploadify.php',
    'cancelImg' : '/uploadify/cancel.png',
    'folder'    : '/uploads',
    'buttonImg' : '/img/inputbutton.png',
    'auto'      : true
  });
});

That is not possible due to browser security. You have to use the input element with the type file. I think you can put and image on top of the browser button to customize it as long you make sure that the click event is past to the file input.

Because of browser security you can not access the clients file system with anything other as the file input element. You never get the file structure with a script language such as javascript. Not even when you check the value attribute with for example javascript. The value attribute will only return the filename not the path.

You could try to use Uploadify jquery plugin to customize the button. But that will work with a flash file if I remember correct.

Edit: Yes checked it. It is possible with Uploadify. There is an option buttonImg you can use.

$(document).ready(function() {
  $('#file_upload').uploadify({
    'uploader'  : '/uploadify/uploadify.swf',
    'script'    : '/uploadify/uploadify.php',
    'cancelImg' : '/uploadify/cancel.png',
    'folder'    : '/uploads',
    'buttonImg' : '/img/inputbutton.png',
    'auto'      : true
  });
});

回复收藏 0 原文

~没有更多了~