<input type="file">file 打开指定文件类型(如图片格式) 有什么好的办法?

如题所述

第1个回答  2011-03-08
一般都是用JS判断,
<script>
function check(){
var filepath=path.value
filepath=filepath.substring(filepath.lastIndexOf('.')+1,filepath.length)
if(filepath != 'jpg' && filepath != 'gif')
alert("只能上传JPG或GIF格式的图片")
}
</script>
<input type=file name=path onpropertychange="check()"> (只能上传JPG或GIF格式的图片)
-----------------------------------------------------------------------------------
有个accept属性,
accept 属性只能与 <input type="file"> 配合使用。它规定能够通过文件上传进行提交的文件类型。如: <input type="file" name="pic" id="pic" accept="image/gif, image/jpeg" />
但是很多浏览器不支持,并且也不推荐。反正后台都必须验证的,JS稍微验证一下,友好点就行了。

还有问题Hi我。~追问

这位朋友,你的回答我比较满意,跟我想的差不多;不过还是没有达到我想要的效果,accept=“image/*”,只能在firefox能实现打开所有图片格式,其他浏览器还是显示的全部文件类型。我要实现的是,一点击浏览就实现只打开图片格式的,朋友:还有更好的方法能实现么?在此感谢,你的回答我一定会采纳你的,,放心好了...

追答

恩,我也了解你的意思。
这样看来的话,只能用flash实现了,可惜我对flash这一块不是很了解。
用了falsh的话,后台交互也会多出很多额外的代码来处理,如果单单只是会了这个打开图片的限制的话,不怎么值得。

第2个回答  2011-03-08
这里有一个无刷新多文件上传系统
里面可以判断文件多少 文件类型
里面有教程和源码

参考资料:http://www.blueidea.com/common/shoutbox/redir.asp?1=n&id=11280

本回答被提问者采纳

如何利用js在点击input type=file后选择好文件后,把选择的文件名直接复...
1、首先,在打开的vs2015中选择“文件->新建->文件”,如下图所示。2、其次,在打开的“新建文件”窗口中选择“HTML页”,如下图所示。3、接着,在新的HTML页面中,我们创建一个要使用的file标签<input type="file" \/>,如下图所示。4、然后,修改input标签的样式。为了更好地进行说明,这里标...

关于input type=file 的一些实践
看Dom元素可以看出,我的做法是用div模拟出原素材文件的缩略图,但input file是没法赋值的(原因如下),所以更新素材时候前端与后端达成共识,如果input的值为空,就不传这个input值的字段给后端,素材缩略图就没有修改。来看看具体操作:然后再监听一下input变化,调用这个方法:原以为美滋滋的解决了需求...

jsp中通过<input type="file">选取文件得到文件路径,怎么样才可以获取到...
通常只需要从POST过来的数据里取得文件数据即可,最多带个文件名,通常浏览器在上传文件的时候是不会发送路径的,IE可以设置是否在上传文件时包含路径,具体看下图:

如何完美解决android webview支持input type = file
在Android中,当我们通过WebView打开一个页面时,如果里面有元素是<input type=”file”…>类型的,WebView只能正常的显示样式,但是是无法点击的。要解决这个问题,我们需要重写WebChromeClient。下面直接给出Demo代码:Activity文件:public class MainActivity extends Activity { private final String host =...

如何在页面上使用PHP语言实现打开指定文件夹的操作?
这个应该通过单纯的HTML和PHP是实现不了的。在页面打开文件的HTML标签原型是:<input type="File" name="upload" size="30" maxlength="100" accept="text\/html"> 里边没有指定的属性啊。用Javascript估计也不行,因为Javascript没有读写文件的权限啊。。

请问<input type="file">文件上传,js怎么写,可以模拟input提交,文件不是...
如果你的目的是想把url指定的图片获取到本地然后再用<input type="file">提交到后台,这是不可能实现的,因为这涉及到跨域调用,浏览器是不会允许的。倒不如直接把url发送给后台服务器,由后台程序去获取这个图片文件并保存到服务器,这是没有跨域限制的,而且实现起来比前端要简单得多,比如php可以几...

<input type="file"> 浏览的文件路径怎么改成相对路径呢?
把放文件的那个文件夹放在站点里 然后在写<input type=".\/文件名">就可以了

h5 input 调用摄像头或者相册
accept表示打开的系统文件目录 capture表示的是系统所捕获的默认设备,camera:照相机;camcorder:摄像机;microphone:录音; 其中还有一个属性multiple,支持多选,当支持多选时,multiple优先级高于capture,所以只用写成:<input type="file" accept="image\/*" multiple>就可.\/\/拍照按钮 $('....

inputtype=file文件不存在
1、检查文件路径:确保选择的文件路径是正确的,文件确实存在于该路径下。2、检查文件名:确保输入的文件名是正确的,包括大小写和扩展名。3、检查文件权限:确保有权限访问该文件,如果文件受到保护或者只读,您可能无法上传该文件。4、检查文件大小:确保上传的文件大小不超过服务器限制,如果文件太大,...

用js怎么把<input type="file">读取到的图片保存到服务器上
这个还真不能直接给你说明白。你得有人手把手教或者看视频才能明白。什么是iis,什么叫服务器,什么是数据流,怎么注册组件等等。都关系到上传文件。

相似回答