文件上传之后路径清空问题

<input type="file" class="file_import" id="file_import" accept=".prg">选择文件为prg格式的（假的），
选择前为


文件选择后变为

<input type="file" class="file_import" id="file_import" accept=".prg" value="找不到文件">

我想让文件传输完后，路径删除，文字变为“未选择文件”
怎么弄啊？

15 个解决方案

#1

obj.outerHTML = obj.outerHTML;
就清空了

#2

我试一下啊。谢谢

#3

引用 1 楼 jslang 的回复:

obj.outerHTML = obj.outerHTML;
就清空了

我试了一下。放在上面的话穿不进去，最后，传了两次。怎么回事？搞不懂啊？
这是我的代码。麻烦看一下
    function import_data() {

        $("#import_into").show();

        startDrag(import_into_modal_bar,import_into_modal_box);
        modal_fix();
        /*关于导入的问题的解决*/
        var inpt1 = document.getElementsByClassName("file_import")[0];
        /* inpt1.outerHTML=inpt1.outerHTML;放在这错了，不传输*/
      

        /*读取本地文件*/

        $("#import_into_btn1").click(function () {
            try {

                //支持chrome IE10
                if (window.FileReader) {
                    var file = inpt1.files[0];
                    if (file.name.indexOf(".prg") > 0) {
                        filename = file.name.split(".")[0];
                    }

                    var reader = new FileReader();
                    reader.onload = function () {
                        receive_get_data_toobj["Value"] = eval('(' + this.result + ')');
                        console.log(receive_get_data_toobj["Value"]);
                        local_data_judge(receive_get_data_toobj["Value"]);
                    }
                    reader.readAsText(file);
                }
                //支持IE 7 8 9 10
                else if (typeof window.ActiveXObject != 'undefined') {
                    var xmlDoc;
                    xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
                    xmlDoc.async = false;
                    if (inpt1.value.indexOf(".prg") > 0) {
                        xmlDoc.load(inpt1.value);
                        receive_get_data_toobj["Value"] = eval('(' + xmlDoc.xml + ')');
                        local_data_judge(receive_get_data_toobj["Value"]);
                    }
                }
                //支持FF
                else if (document.implementation && document.implementation.createDocument) {
                    var xmlDoc;
                    xmlDoc = document.implementation.createDocument("", "", null);
                    xmlDoc.async = false;
                    if (inpt1.value.indexOf(".prg") > 0) {
                        xmlDoc.load(inpt1.value);
                        receive_get_data_toobj["Value"] = eval('(' + xmlDoc.xml + ')');
                        local_data_judge(receive_get_data_toobj["Value"]);
                    }
                } else {
                    alert('error');
                }
                $("#import_into").hide();
                modal_fix();
                var div_count = $(".add_content_right_bottomDiv_right>div");
                var a = div_count.length;
                console.log(a);
                var b = a - 1;
                $(".add_content_right_bottomDiv_left>ul>li:lt(" + a + ")").show();
                $(".add_content_right_bottomDiv_left>ul>li:gt(" + b + ")").hide();
            }
            catch (err) {
                $("#judgement_import_data").show();
                startDrag(judgement_import_data_modal_bar,judgement_import_data_modal_box);
                $("#judgement_import_data .txt_content span").html("请选择具有正确的后缀名的文件上传");
                modal_fix();
            }
            if ($(".prq_nav_save").hasClass("disabled") && $(".prq_nav_export").hasClass("disabled")) {
                $(".prq_nav_save").removeClass("disabled");
                $(".prq_nav_export").removeClass("disabled");
            }
/* inpt1.outerHTML=inpt1.outerHTML;放这也不行啊，传了两次，一次对一次错*/
        });
        $("#import_into_btn2").unbind("click").click(function () {
            $("#import_into").hide();
            modal_fix();

        });
        $("#import_into .remove.icon.layout_right").unbind("click").click(function () {
            $("#import_into").hide();
            modal_fix();

        });
        $("#signal_suggest").hide();
        modal_fix();
    }

#4

用jq的话可以试试
$("id").html("未选择文件")
把文件名id放进去

#5

引用 1 楼 jslang 的回复:

obj.outerHTML = obj.outerHTML;
就清空了

帮我看看代码呗大神

#6

   function import_data() {

        $("#import_into").show();

        startDrag(import_into_modal_bar,import_into_modal_box);
        modal_fix();
        /*关于导入的问题的解决*/
        var inpt1 = document.getElementsByClassName("file_import")[0];
      

        /*读取本地文件*/

        $("#import_into_btn1").click(function () {
            try {

                //支持chrome IE10
                if (window.FileReader) {
                    var file = inpt1.files[0];
                    if (file.name.indexOf(".prg") > 0) {
                        filename = file.name.split(".")[0];
                    }

                    var reader = new FileReader();
                    reader.onload = function () {
                        receive_get_data_toobj["Value"] = eval('(' + this.result + ')');
                        console.log(receive_get_data_toobj["Value"]);
                        local_data_judge(receive_get_data_toobj["Value"]);
        inpt1.outerHTML=inpt1.outerHTML;
        inpt1 = document.getElementsByClassName("file_import")[0];
                    }
                    reader.readAsText(file);
                }
                //支持IE 7 8 9 10
                else if (typeof window.ActiveXObject != 'undefined') {
                    var xmlDoc;
                    xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
                    xmlDoc.async = false;
                    if (inpt1.value.indexOf(".prg") > 0) {
                        xmlDoc.load(inpt1.value);
                        receive_get_data_toobj["Value"] = eval('(' + xmlDoc.xml + ')');
                        local_data_judge(receive_get_data_toobj["Value"]);
        inpt1.outerHTML=inpt1.outerHTML;
        inpt1 = document.getElementsByClassName("file_import")[0];
                     }
                }
                //支持FF
                else if (document.implementation && document.implementation.createDocument) {
                    var xmlDoc;
                    xmlDoc = document.implementation.createDocument("", "", null);
                    xmlDoc.async = false;
                    if (inpt1.value.indexOf(".prg") > 0) {
                        xmlDoc.load(inpt1.value);
                        receive_get_data_toobj["Value"] = eval('(' + xmlDoc.xml + ')');
                        local_data_judge(receive_get_data_toobj["Value"]);
        inpt1.outerHTML=inpt1.outerHTML;
        inpt1 = document.getElementsByClassName("file_import")[0];
                     }
                } else {
                    alert('error');
                }
                $("#import_into").hide();
                modal_fix();
                var div_count = $(".add_content_right_bottomDiv_right>div");
                var a = div_count.length;
                console.log(a);
                var b = a - 1;
                $(".add_content_right_bottomDiv_left>ul>li:lt(" + a + ")").show();
                $(".add_content_right_bottomDiv_left>ul>li:gt(" + b + ")").hide();
            }
            catch (err) {
                $("#judgement_import_data").show();
                startDrag(judgement_import_data_modal_bar,judgement_import_data_modal_box);
                $("#judgement_import_data .txt_content span").html("请选择具有正确的后缀名的文件上传");
                modal_fix();
            }
            if ($(".prq_nav_save").hasClass("disabled") && $(".prq_nav_export").hasClass("disabled")) {
                $(".prq_nav_save").removeClass("disabled");
                $(".prq_nav_export").removeClass("disabled");
            }
        });
        $("#import_into_btn2").unbind("click").click(function () {
            $("#import_into").hide();
            modal_fix();

        });
        $("#import_into .remove.icon.layout_right").unbind("click").click(function () {
            $("#import_into").hide();
            modal_fix();

        });
        $("#signal_suggest").hide();
        modal_fix();
    }

#7

清空，直接el.value="";控件会自动变回原来的样子。
关于自定义上面显示的文字内容应该不行，不过你可以选择自己动手美化file

#8

引用 4 楼 kadxls 的回复:

用jq的话可以试试
$("id").html("未选择文件")
把文件名id放进去

这个肯定不行的，浏览器不让往里面写路径，或者内容的。

#9

引用 6 楼 jslang 的回复:

   function import_data() {

        $("#import_into").show();

        startDrag(import_into_modal_bar,import_into_modal_box);
        modal_fix();
        /*关于导入的问题的解决*/
        var inpt1 = document.getElementsByClassName("file_import")[0];
      

        /*读取本地文件*/

        $("#import_into_btn1").click(function () {
            try {

                //支持chrome IE10
                if (window.FileReader) {
                    var file = inpt1.files[0];
                    if (file.name.indexOf(".prg") > 0) {
                        filename = file.name.split(".")[0];
                    }

                    var reader = new FileReader();
                    reader.onload = function () {
                        receive_get_data_toobj["Value"] = eval('(' + this.result + ')');
                        console.log(receive_get_data_toobj["Value"]);
                        local_data_judge(receive_get_data_toobj["Value"]);
        inpt1.outerHTML=inpt1.outerHTML;
        inpt1 = document.getElementsByClassName("file_import")[0];
                    }
                    reader.readAsText(file);
                }
                //支持IE 7 8 9 10
                else if (typeof window.ActiveXObject != 'undefined') {
                    var xmlDoc;
                    xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
                    xmlDoc.async = false;
                    if (inpt1.value.indexOf(".prg") > 0) {
                        xmlDoc.load(inpt1.value);
                        receive_get_data_toobj["Value"] = eval('(' + xmlDoc.xml + ')');
                        local_data_judge(receive_get_data_toobj["Value"]);
        inpt1.outerHTML=inpt1.outerHTML;
        inpt1 = document.getElementsByClassName("file_import")[0];
                     }
                }
                //支持FF
                else if (document.implementation && document.implementation.createDocument) {
                    var xmlDoc;
                    xmlDoc = document.implementation.createDocument("", "", null);
                    xmlDoc.async = false;
                    if (inpt1.value.indexOf(".prg") > 0) {
                        xmlDoc.load(inpt1.value);
                        receive_get_data_toobj["Value"] = eval('(' + xmlDoc.xml + ')');
                        local_data_judge(receive_get_data_toobj["Value"]);
        inpt1.outerHTML=inpt1.outerHTML;
        inpt1 = document.getElementsByClassName("file_import")[0];
                     }
                } else {
                    alert('error');
                }
                $("#import_into").hide();
                modal_fix();
                var div_count = $(".add_content_right_bottomDiv_right>div");
                var a = div_count.length;
                console.log(a);
                var b = a - 1;
                $(".add_content_right_bottomDiv_left>ul>li:lt(" + a + ")").show();
                $(".add_content_right_bottomDiv_left>ul>li:gt(" + b + ")").hide();
            }
            catch (err) {
                $("#judgement_import_data").show();
                startDrag(judgement_import_data_modal_bar,judgement_import_data_modal_box);
                $("#judgement_import_data .txt_content span").html("请选择具有正确的后缀名的文件上传");
                modal_fix();
            }
            if ($(".prq_nav_save").hasClass("disabled") && $(".prq_nav_export").hasClass("disabled")) {
                $(".prq_nav_save").removeClass("disabled");
                $(".prq_nav_export").removeClass("disabled");
            }
        });
        $("#import_into_btn2").unbind("click").click(function () {
            $("#import_into").hide();
            modal_fix();

        });
        $("#import_into .remove.icon.layout_right").unbind("click").click(function () {
            $("#import_into").hide();
            modal_fix();

        });
        $("#signal_suggest").hide();
        modal_fix();
    }

谢谢啊，大神。

#10

解决了加上这个就行了
在前面把inpti1转化为jquery的inpt2
在后面加上这句话

inpt2.select();
  document.execCommand('Delete');//Delete为固定名称

#11

引用 8 楼 shihun_feel 的回复:

Quote: 引用 4 楼 kadxls 的回复:

用jq的话可以试试
$("id").html("未选择文件")
把文件名id放进去

这个肯定不行的，浏览器不让往里面写路径，或者内容的。

写错了。。
$("id").text("内容")

#12

引用 11 楼 kadxls 的回复:

Quote: 引用 8 楼 shihun_feel 的回复:

Quote: 引用 4 楼 kadxls 的回复:

用jq的话可以试试
$("id").html("未选择文件")
把文件名id放进去

这个肯定不行的，浏览器不让往里面写路径，或者内容的。

写错了。。
$("id").text("内容")

这个我试了貌似不可以啊。。
就是上面的input的父元素的里面进行重新写入，input标签，也不行。

#13

引用 12 楼 shihun_feel 的回复:

Quote: 引用 11 楼 kadxls 的回复:

Quote: 引用 8 楼 shihun_feel 的回复:

Quote: 引用 4 楼 kadxls 的回复:

用jq的话可以试试
$("id").html("未选择文件")
把文件名id放进去

这个肯定不行的，浏览器不让往里面写路径，或者内容的。

写错了。。
$("id").text("内容")

这个我试了貌似不可以啊。。
就是上面的input的父元素的里面进行重新写入，input标签，也不行。

好吧。。

#14

引用 13 楼 kadxls 的回复:

Quote: 引用 12 楼 shihun_feel 的回复:

Quote: 引用 11 楼 kadxls 的回复:

Quote: 引用 8 楼 shihun_feel 的回复:

Quote: 引用 4 楼 kadxls 的回复:

用jq的话可以试试
$("id").html("未选择文件")
把文件名id放进去

这个肯定不行的，浏览器不让往里面写路径，或者内容的。

写错了。。
$("id").text("内容")

这个我试了貌似不可以啊。。
就是上面的input的父元素的里面进行重新写入，input标签，也不行。

好吧。。

还是要感谢你。谢谢啊

#15

引用 14 楼 shihun_feel 的回复:

Quote: 引用 13 楼 kadxls 的回复:

Quote: 引用 12 楼 shihun_feel 的回复:

Quote: 引用 11 楼 kadxls 的回复:

Quote: 引用 8 楼 shihun_feel 的回复:

Quote: 引用 4 楼 kadxls 的回复:

用jq的话可以试试
$("id").html("未选择文件")
把文件名id放进去

这个肯定不行的，浏览器不让往里面写路径，或者内容的。

写错了。。
$("id").text("内容")

这个我试了貌似不可以啊。。
就是上面的input的父元素的里面进行重新写入，input标签，也不行。

好吧。。

还是要感谢你。谢谢啊

引用 14 楼 shihun_feel 的回复:

Quote: 引用 13 楼 kadxls 的回复:

Quote: 引用 12 楼 shihun_feel 的回复:

Quote: 引用 11 楼 kadxls 的回复:

Quote: 引用 8 楼 shihun_feel 的回复:

Quote: 引用 4 楼 kadxls 的回复:

用jq的话可以试试
$("id").html("未选择文件")
把文件名id放进去

这个肯定不行的，浏览器不让往里面写路径，或者内容的。

写错了。。
$("id").text("内容")

这个我试了貌似不可以啊。。
就是上面的input的父元素的里面进行重新写入，input标签，也不行。

好吧。。

还是要感谢你。谢谢啊