zoukankan      html  css  js  c++  java
  • js 清空 input[type=file]的值

    js 不能操作 input[type=file]
    但你可以将这个 input 的 dom 元素删除掉,再新增一个,或者替换掉

    $("#UploadFile").replaceWith('<input id="UploadFile" type="file"/>');

    如果想在选同一文件上传时也会触发change事件

    需要在在input的change事件回调中执行

    $("#UploadFile").replaceWith('<input id="UploadFile" type="file"/>');

    替换即可

    但需要在绑定一次 change() 事件;

    ChangeBind: function () {

    $("#UploadFile").change(function () {
    var filePath = $(this).val();
    if (filePath.indexOf("docx") != -1 || filePath.indexOf("xlsx") != -1 || filePath.indexOf("pptx") != -1) {
    $(".showFileName").val(filePath);
    UploadFile();
    } else {
    $(".showFileName").val("");
    alert("您未上传文件,或者您上传文件类型有误!");
    return false
    }
    });
    },


    UploadFile: function (file) {
    var filePath = $("#UploadFile").val();
    //正则表达式获取文件名,不带后缀.
    var name = filePath.replace(/^.+?\([^\]+?)(.[^.\]*?)?$/gi, "$1");

    //正则表达式获取后缀
    var suffix = filePath.replace(/.+./, "");

    var fileName = name + "." + suffix;
    if ($.trim(filePath) == "") {
    alert("请选择需要上传的文件!");
    return;
    }
    Common.Ajax({ Default: "FileUpload", FilePath: filePath, FileName: fileName }, function () {

    }, function (data) {

    }, function () {
    $("#UploadFile").replaceWith('<input id="UploadFile" type="file"/>');    //Dom元素替换
    ChangeBind();    //change事件绑定
    });
    },

  • 相关阅读:
    C#学习历程(三)[基础概念]
    C#学习历程(二)[基础知识]
    C#学习历程(一)[基础概念]
    mvp和mvc的区别
    Java基础摘要(一)
    web前端概念摘要(一)
    Reflection_1
    后台管理_GMS_1
    模板收藏_1
    需求收藏_1
  • 原文地址:https://www.cnblogs.com/johnblogs/p/8964156.html
Copyright © 2011-2022 走看看