做的一个读取excle文件的功能，在javascript下面，IE可以正常运行，Chrome浏览器会出问题，请大神们给一下解决办法

时间：2022-09-29 13:05:23
用的easyui做的一个读取excle文件的功能，IE能够按照我的逻辑执行，但是Chrome浏览器会在我还没选择文件的时候就执行ajax，向后台发送数据，导致文件路径为空，请大神们帮我看一下
html代码
<a id="improtExcle" href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-import',plain:true" >从excle导入</a>
<input  id="file1" type="file" style="display: none;">

javascript代码
$("#improtExcle").bind('click',function(){
           $("#file1").click();
            var filePath = $("#file1").val();

            var sql = "worksheet.selectName,worksheet.updateWorksheet,worksheet.insertWorksheet";

            var columns = "PROJECT_NAME,IF_DESIGN,COOPERATOR,CONSTRUCTION,LINKNAM,APPROACH_TIME,STATE,PLAN_COMPLETE";

             $.post("common_importDataFromExcle?columns="+ columns +"&noRepetition=PROJECT_NAME&path="+ encodeURIComponent(encodeURIComponent(filePath)),
                    {"sqlId": sql},
                    function(data){
                       if(data=="success") {
                           alert("导入完成");
                           $("#table1").datagrid('load');
                        }else if(data=="error") {
                            alert("导入失败，请与管理员联系");
                            $("#table1").datagrid('load');
                        }
               });
  });

1 个解决方案

#1

chrome上传的文件路径不是真实的路径。
var filePath = $("#file1").val();
可以把filePath 打印出来看看。
下面是我写的一个例子： 


<html>

	<head>

		<title></title>

		<script type="text/javascript" src="./jquery-1.10.2.min.js"></script>

		<script>

			$(function(){

				$("#showFName").click(function(){

					alert(1);

					alert($("#upFile").val());

				});

			});


		</script>

	</head>	

	<body>

		<input type="file" id="upFile" name="upFile"/>

		<button id="showFName" name="showFName">显示文件名</button>

	</body>

</html>

执行结果：
做的一个读取excle文件的功能，在javascript下面，IE可以正常运行，Chrome浏览器会出问题，请大神们给一下解决办法

#1

chrome上传的文件路径不是真实的路径。
var filePath = $("#file1").val();
可以把filePath 打印出来看看。
下面是我写的一个例子： 


<html>

	<head>

		<title></title>

		<script type="text/javascript" src="./jquery-1.10.2.min.js"></script>

		<script>

			$(function(){

				$("#showFName").click(function(){

					alert(1);

					alert($("#upFile").val());

				});

			});


		</script>

	</head>	

	<body>

		<input type="file" id="upFile" name="upFile"/>

		<button id="showFName" name="showFName">显示文件名</button>

	</body>

</html>

执行结果：
做的一个读取excle文件的功能，在javascript下面，IE可以正常运行，Chrome浏览器会出问题，请大神们给一下解决办法
标签：

相关文章