首页 > 编程知识 正文

js判断上传文件是否选择代码,js判断上传的是不是图片

时间:2023-12-27 22:26:28 阅读:324336 作者:XLQU

本文目录一览:

如何判断uploadify插件是否选择了文件

这里要说的问题是为了验证上传文件是否已经存在于服务器,就需要checkExisting这一选项,看页面JS代码如下:

'checkExisting' : '/static/js/plugins/uploadify/check-exists.php',

会交给check-exists.PHP后台文件来处理判断文件存不存在,最初的源文件是这样的:

就这么几句话,按常理来说,有了路径文件名是可以file_exists()判断文件是否存在服务器,但忽略了一个问题,就是如果自定义了上传文件存放的路径,如上所看到的floder:

若是这样的话,文件判断那就肯定是不存在的了,因为路径都不对了,肯定找不到该文件……,此时看到,既然文件名能够$_POST[]过来,那希望这个folder也能POST过来,那就来打印看看到底$_POST里面放了些什么,结果有些失望:

array (size=1)

'filename' = string 'OOOPIC_SHIJUNHONG_20090809ad6104071d324dda.jpg' (length=46)

就只有filename,什么都没了,接着还是不甘心,对JS不咋样的还是硬着头皮去看jquery.uploadify.min.js的源码,皇天不负有心人!找了好久终于找到了,相关代码如下:

原来这是已ajax提交过来的,其中的数据就只有filename,于是就想到把floder也传过去,修改:

data: {

filename: d.name,

floder: e.formData.folder

},

然后再在check-exists.php文件接收:

这样就大功告成了,可以判断文件是否存在了。

如下图:

上传文件前先用js判断有没有选择文件

我再添加一个button。

1

2

3

4

5

6

7

8

input type="button" id="btn"/

script type="text/javascript"

document.getElementById("btn").onclick=function(){

if(document.getElementById("fileID").value==""){

alert("请上传附件");

}

}

/script

用JS怎么判断上传文件控件是否未选择文件

html中的控件一般都只是提供一个功能,具体的逻辑细节需要自己写的,比如你可以在控件上加一个required属性,这样文件上传控件为空的时候就不能上传了,或者你也可以用js判断这个文件域为空的时候也不让上传也是同理的。

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。