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事件绑定
    });
    },

  • 相关阅读:
    servlet中Cookie的编码问题
    servlet关于转发用法
    eclipse界面更改为黑色
    猜字符小游戏——可以设置等级
    uva 10655
    uva11029
    UVA11388 GCD LCM1 2 -1
    uva 11609
    poj 2436
    poj 2431
  • 原文地址:https://www.cnblogs.com/johnblogs/p/8964156.html
Copyright © 2011-2022 走看看