WebUploader 使用accept属性指定上传文件的后缀名，过滤掉其他格式的文件

Myth丶恋晨 2023-10-05 15:15 1阅读 0赞

#### 1 HTML代码 ####

<input type='button' id='selectFile' value='选择文件'>

#### 2 JS 代码 ####

$(function(){
        initUploader();
    })
    var uplaoder="";
    //初始化WebUploader组件
    function initUploader(){
        uploader = WebUploader.create({
            auto: true,//是否自动上传，true为自动上传
            method: 'post',
            server: "Upload.aspx",
            pick: {
                id: $("#selectFile"),
                multiple: false
            },
            swf: 'Uploader.swf',
            formData: {
            },
            accept: {//指定文件后缀名
                title: '文件上传',  //文字描述
                extensions: "jpg,png,jpeg,gif",//允许的文件后缀，不带点，多个用逗号分割
            },
            resize: false
        });
        uploader.onFileQueued = function (file) {
        };
     
        uploader.on('uploadSuccess', function (file, response) {
            if (response._raw == "1") {
                $("#fileDiv").html(file.name);
            }
        });
     
        uploader.on('uploadError', function (file, response) {
            alert("系统错误！");
        });
     
        uploader.on('uploadComplete', function (file, response) {
        });
     
        uploader.on('uploadBeforeSend', function (obj, data, headers) {
        });
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，1人围观）

还没有评论，来说两句吧...

相关阅读

相关 WebUploader 使用accept属性指定上传文件的后缀名，过滤掉其他格式的文件

1 HTML代码 <input type='button' id='selectFile' value='选择文件'> 2 JS 代码 $(fun

Myth丶恋晨/ 2023年10月05日 15:15/ 0 赞/ 2 阅读

相关上传文件accept属性筛选文件类型

如果你不希望用户上传任何类型的文件, 你可以使用 input 的 accept 属性. 设置支持 .doc / .docx / .xls / .xlsx / .pdf

一时失言乱红尘/ 2023年07月13日 04:11/ 0 赞/ 2 阅读

相关文件的后缀名

各种文件后缀名bai与打开方式大全扩展du名文件类型打开方式 .aiff 声音文件zhi Windows media Player .!!! Netants 暂存

╰半夏微凉°/ 2022年12月11日 09:20/ 0 赞/ 220 阅读

相关使用webuploader上传文件

准备工作：添加需要的文件和页面 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_

末蓝、/ 2022年10月13日 12:52/ 0 赞/ 258 阅读

相关 webuploader文件结束服务器,webuploader文件上传到哪里的问题

不知道文件上传到哪里去了使用webuploader插件上传文件或者上传图片，要想看到这个方法能不能用，就得知道上传的文件有没有存入到相应的文件保存地址，如果在相应的路径找不

叁歲伎倆/ 2022年09月04日 10:42/ 0 赞/ 208 阅读

相关 java 查找指定后缀名的文件

import java.io.File; import java.util.Scanner; /\ \ 8、用户输入某类文件的后缀名（.java

落日映苍穹つ/ 2022年08月17日 13:28/ 0 赞/ 353 阅读

相关 FILE建立指定后缀名的文件列表

/ 将一个指定目录下的java文件的绝对路径存储到一个文本文件中建立一个java文件列表文件思路： 1：对指定的目录进行递归。

短命女/ 2022年06月17日 06:40/ 0 赞/ 202 阅读

相关 webuploader 上传文件可删除的

实现效果:\ 单个文件上传的文件可以覆盖上次的文件\ 1 .`html` 样式 <div class="uploader-demo">

左手的ㄟ右手/ 2021年06月26日 16:06/ 0 赞/ 556 阅读

相关文件上传组件WebUploader基本使用

文件上传组件WebUploader基本使用一、缘起公司网站社区有图片上传功能，由于网站已经有些年头了，当时上传的时候根据客户端支不支持flash而分为两种逻辑。如果支...

红太狼/ 2020年06月06日 17:57/ 0 赞/ 919 阅读

相关文件上传组件WebUploader基本使用

其实第三方的js插件一般用法都差不多，基本都是导入资源文件、根据配置初始化插件对象、使用对象的方法或者监听事件完成特定的功能，webuploader也差不多。

朱雀/ 2020年05月10日 16:36/ 0 赞/ 1030 阅读