jquery - 如下,javascript如何实现判断上传的文件类型是图片还是文档?类型不同uploader不同。
ringa_lee
ringa_lee 2017-04-10 17:41:32
[JavaScript讨论组]
<script type="text/javascript">
 $(function() {      
       $('#file_upload').uploadify({ 
          swf:'<%=basePath%>dwz/uploadify/scripts/uploadify.swf',
        uploader:'<%=basePath%>Admin/Public/upload.html',
                            auto : true,
                            'fileSizeLimit' : '7000KB',
                            'fileTypeDesc' : 'All Files',
                            //'fileTypeExts' : '*.doc; *.docx;',
                            'fileTypeExts' : '*.jpg;*.png;*.gif;*.bmp; *.doc; *.docx;',
                            buttonText : '请选择附件',
                            'onUploadSuccess' : function(file, data, response) {
                                //每个文件上传成功后会调用,可能会两次  
                                //alert('文件[' + file.name + ']上传成功了,' + response + '返回值:' + data);  
                                $("#shownode").append(
                                        "<p>已成功上传" + file.name + "文件</p>");
                                document.getElementById("file").value = file.name;

                                var obj = jQuery.parseJSON(data);
                                var dataObj = eval("(" + obj.message + ")");//截取message部分转换为json对象   

                                //解析list对象  
                                var arr = eval(dataObj.root);
                                var ret = "";
                                for ( var i = 0, arrLength = arr.length; i < arrLength; i++) {
                                    var arrobj = arr[i];
                                    //alert(arrobj.id+arrobj.value);  
                                    var node = "<p><a href='#' >解析返回值->编号"
                                            + arrobj.id + ",值为:" + arrobj.value
                                            + "</a></p>";
                                    ret = ret + node;
                                    //$("#shownode").append(node);  
                                }
                                $("#shownode").append(ret);

                            },
                            'onQueueComplete' : function(queueData) {
                                alert(queueData.uploadsSuccessful + ' 个文件上传成功!');  
                                $("#shownode").append(
                                        "<p>已成功上传"
                                                + queueData.uploadsSuccessful
                                                + "个文件</p>");
                            }

                        });
    });
</script>
        
ringa_lee
ringa_lee

ringa_lee

全部回复(1)
PHPz
function uploadfile(){
        var file;
        for(var i=0; i<document.getElementById('file').files.length;i++){
            file = document.getElementById('file').files[i];
            if(!/image\/\w+/.test(file.type)){
                alert('其他类型')
            }else{
                alert('是图片')
            }
        }
        console.log(file.name);
        console.log(file.size);
        console.log(file.type);

    }
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号