html5 – 将文件上传选择限制为特定类型

原文

无论如何通过< input type =“file”/>限制文件类型的选择。元件？

例如，如果我只想要上传的图像类型，我会限制可能的选择(image / jpg，image / gif，image / png)，选择对话框将灰色其他MIME类型的文件。

p.s.我知道，我可以通过扫描.type属性的File API后的事实。我真的试图限制这个手..我也知道，我可以通过闪光，但我不想使用闪光这一点。

解决方法

有一个html属性为这个特定的目的称为接受，但它几乎没有支持跨浏览器。因为这个服务器端验证是推荐的。 
<input type="file" name="pic" id="pic" accept="image/gif,image/jpeg" />

如果你没有访问后端有一个基于闪存的解决方案，如SWFUpload。

更多相关信息：File input ‘accept’ attribute – is it useful?

html5 – 将文件上传选择限制为特定类型的更多相关文章

  1. ios – iPad中的UIPrintInteractionController给了我两个警告

    我正在使用代码在我的应用程序中获取Airprint以将当前视图打印为图像.弹出Airprint对话框,但在日志屏幕中它显示两个警告：1)警告：在iPad上调用–[UIPrintInteractionControllerpresentAnimated：completionHandler：]找不到PDF标题：找不到`％PDF’.2)[UIPopoverController_commonPresentP

  2. ios – OS X：将.dylib转换为.a / .o(动态到静态)？

    假设我已经阅读了thiscaveat,我仍然希望将TBB用作静态链接库.但我真的不想重写TBBmakefile来生成libtbb.a而不是libtbb.dylib.是否有一个简单的命令行方式将libtbb.dylib转换为libtbb.o并使用相同的入口点？

  3. swift之图片浏览器

    3Q7、swift中，NSArray的元素是倒序的。

  4. Swift 3 打印功能

    1.加载到webview再打印2.直接打印nsdata

  5. 如果点击上一个项目,Android PagerAdapter不会报告正确的位置

    我有一个ViewPager设置为负值边距,以获得如下效果：现在,我想要发生的是当我点击当前视图左侧或右侧的视图.它应该选择该视图,并在ViewPager上调用setCurrentItem().这可以在当前项目右侧的视图中正常工作,但不能查看当前项目的左侧.当我点击该视图时,向我报告的位置是当前视图的位置.这有一些代码,如果它有帮助.这是从PagerAdapter.instantiateItem()

  6. android – 照片捕获意图仅在Samsung手机上导致NullPointerException

    照片捕获意图仅在Samsung手机上导致NullPointerException.下面的实现.解决方法我发现一个修复(不是我的工作),使其适用于三星设备.有解释的博客可以找到here.但是,在非三星手机上使用此修复会返回错误的图像,因此我将使用

  7. centos – 寻找100％CPU使用率的来源

    我最近在DellPoweredge2850上发生了故障,我追溯到一个坏的RAID存储卡.我更换了卡并重置电池并让服务器再次启动.启动后,我注意到其中一个cpu总是达到100％.它通常是cpu1但是大约10次启动它是cpu3一次.导致高负载的过程是事件/1.我看过dmesg并没有发现任何异常.有没有人有任何建议,我怎么能找到实际导致cpu使用的是什么？100％的cpu使用率.我拔掉了显示器,cpu使用率立即下降.所以现在我想知道在插入显示器时导致cpu使用率的原因是什么？

  8. FormData以及原生Ajax上传图片

    比起早先的Ajax，发送FormData的Ajax不仅可以发送图片，更好的一点是我们无需设置RequestHeader，也无需担心自己粗心写错xhr.send()中的参数。用法我们可以使用表单来构造一个FormData对象，也可以创建一个空的FormData对象，之后手动添加一些数据进去。使用表单构造FormData对象。

  9. php – file_put_contents的错误子句

    我正在使用此行来获取并保存URL中的图像.我不确定处理错误的最佳方法是什么.目前它失败了,因为没有许可,很快就会得到补救,但我希望它能够处理PIC_URL为空或不是图像的情况.我应该死在这个级别的错误或者我应该检查更高的PIC_URL是空的,还是两者都检查？我没有足够的天赋来宣称这是最好的方法,但我会沿途测试：

  10. Centos7.0系统下Rsync+sersync实现多文件数据实时增量同步

    2、Rsync+sersync：sersync可以记录下被监听目录中发生变化的具体某一个文件或某一个目录的名字；：rsync在同步的时候，只同步发生变化的这个文件或者这个目录，因此，效率很高。

随机推荐

  1. 微信小程序canvas实现水平、垂直居中效果

    这篇文章主要介绍了小程序中canvas实现水平、垂直居中效果,本文图文实例代码相结合给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下

  2. 使用HTML5做的导航条详细步骤

    这篇文章主要介绍了用HTML5做的导航条详细步骤,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下

  3. H5最强接口之canvas实现动态图形功能

    这篇文章主要介绍了H5最强接口之canvas实现动态图形功能,需要的朋友可以参考下

  4. Canvas高级路径操作之拖拽对象的实现

    这篇文章主要介绍了Canvas高级路径操作之拖拽对象的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

  5. html5视频自动横过来自适应页面且点击播放功能的实现

    这篇文章主要介绍了h5视频自动横过来自适应页面且点击播放,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下

  6. 详解HTML5中的picture元素响应式处理图片

    这篇文章主要介绍了详解HTML5中的picture元素响应式处理图片，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

  7. canvas像素点操作之视频绿幕抠图

    这篇文章主要介绍了canvas像素点操作之视频绿幕抠图的相关资料，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

  8. html5利用canvas实现颜色容差抠图功能

    这篇文章主要介绍了html5利用canvas实现颜色容差抠图功能,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下

  9. canvas绘制视频封面的方法

    这篇文章主要介绍了canvas绘制视频封面的方法的相关资料，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

  10. HTML5拖拽功能实现的拼图游戏

    本文通过实例代码给大家介绍了HTML5拖拽功能实现的拼图游戏，代码简单易懂，非常不错，具有一定的参考借鉴价值，需要的朋友参考下吧

返回
顶部