java 使用 AjaxUpload.js 实现上传文档的时候需要注意哪些?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了java 使用 AjaxUpload.js 实现上传文档的时候需要注意哪些?相关的知识,希望对你有一定的参考价值。

java 使用 AjaxUpload.js 实现上传文档的时候需要注意哪些? 我跟我的同事的差不多,但是就是无法上传,连选择文件的弹窗都不出来。下面是jsp内容:
<title>修改页面</title>
<link rel="stylesheet" type="text/css" href="$ctx/js/jquery-easyui-1.4.3/themes/gray/easyui.css"/>
<link rel="stylesheet" type="text/css" href="$ctx/js/jquery-easyui-1.4.3/themes/icon.css"/>
<script type="text/javascript" src="$ctx/js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="$ctx/js/jquery-easyui-1.4.3/jquery.easyui.min.js"></script>
<script type="text/javascript" src="$ctx/js/jquery-easyui-1.4.3/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript" src="$ctx/js/ajaxupload.3.6.js"></script>
<script type="text/javascript" src="$ctx/js/common.js"></script>
<script type="text/javascript" src="$ctx/js/layer/layer.js"></script>
<script type="text/javascript" src="$ctx/js/jquery.form.js"></script>
<script src="$ctx/js/dateFormat.js"></script>
</head>
<body>
<div id="index_6" style="margin-top: 10px;">
<label>上传文档*:</label>
<div style="margin-top: 10px;">
<button id="upfile" onclick="uploadFile(this)" class="upload-file">上传作答文件</button>
<span id="upshow" class="upload-show" style="left: 72px;display: none">
</span>
</div>
<div id="up-loading" class="upload-loading" style="display: none">
<div style="float: left"><img src='$ctx/images/show.gif' /></div>
<div class="upload-answer-loading"><span>正在上传,请稍后...</span></div>
</div>
<input id="file" name="file" type="hidden" value=""/> //这个name的值跟实体类中的一致
</div>
function uploadFile(button)
alert("++++++++++"+button);
new AjaxUpload(button,
action: '$ctx/test/upload22',
name: 'upload',
id:'upfile',
onComplete:function (file,response)
alert("上传文档完毕");
var resule=eval("("+response+")");
if(resule.flag==true)
fileName = result.fileOldName;
fName = "<span>"+fileName+"</span>";
$("#file").val(result.relPath);
$("#upshow").html(fName);
$("#up-loading").hide();
$("#upshow").show();
else
parent.layer.alert("上传失败",icon: 2, title:'提示');

this.enable();

ajax是无法提交文件的,所以在上传图片并预览的时候,我们经常使用Ifame的方法实现看似异步的效果。但是这样总不是很方便的,AjaxFilleUpload.js对上面的方法进行了一个包装,使得我们不用去管理Iframe的一系列操作,也不用影响我们的页面结构,实现异步的文件提交。

html:
复制代码 代码如下:
<input type="file" name="upload" hidden="hidden" id="file_upload" accept=".zip" />

js:
复制代码 代码如下:
$.ajaxFileUpload(
url:\'$pageContext.request.contextPath/Manage/BR_restorePic.action\', //需要链接到服务器地址
secureuri:false,
fileElementId:\'file_upload\', //文件选择框的id属性
dataType: \'text\', //服务器返回的格式,可以是json、xml
success: function (data, status) //相当于java中try语句块的用法


$(\'#restoreDialog\').html(data);

//alert(data);
,
error: function (data, status, e) //相当于java中catch语句块的用法

$(\'#restoreDialog\').html("上传失败,请重试");

);

这个方法还会出现一个问题,就是input只能使用一次的问题,input第二次的onchange将不会被执行,这应该是与浏览器的有关,解决办法就是替换这个input

像这样:
复制代码 代码如下:
$(\'#file_upload\').replaceWith(\'<input type="file" name="upload" hidden="hidden" id="file_upload" accept=".zip" />\');追问

我这个不是ajax提交文件,用的是ajaxupload.js 插件

参考技术A 审查元素的时候有报错吗

Java+Selenium 如何实现关闭当前窗口并返回上一个窗口-driver.close()

Java+Selenium 如何实现关闭当前窗口并返回上一个窗口

使用selenium中的driver.close()函数

如果直接使用driver.close()函数,程序会报错,找不到页面tagat,
可以使用以下方法实现

public void closeWindow() {

        try {
            String winHandleBefore = driver.getWindowHandle();//关闭当前窗口前,获取当前窗口句柄
            Set<String> winHandles = driver.getWindowHandles();//使用set集合获取所有窗口句柄

            driver.close();//关闭窗口

            Iterator<String> it = winHandles.iterator();//创建迭代器,迭代winHandles里的句柄
            while (it.hasNext()) {//用it.hasNext()判断时候有下一个窗口,如果有就切换到下一个窗口
                String win = it.next();//获取集合中的元素
                if (!win.equals(winHandleBefore)) { //如果此窗口不是关闭前的窗口
                    driver.switchTo().window(win);//切换到新窗口
                    logger.info("Switch Window From " + winHandleBefore + " to " + win);
                    break;
                }
            }

        } catch (Exception e) {
            e.printStackTrace();

        }

    }

以上是关于java 使用 AjaxUpload.js 实现上传文档的时候需要注意哪些?的主要内容,如果未能解决你的问题,请参考以下文章

界面上传文件js包AjaxUpload.js

图片上传插件梳理与学习

文件的导入

Java AI 实现人工智能- 我在Github上发现的-基于Java的计算机视觉 Java实现人脸识别(开源代码-(人脸识别-自动驾驶-汽车追踪-手写数字识别器))带你导入代码并测试使用

Java AI 实现人工智能- 我在Github上发现的-基于Java的计算机视觉 Java实现人脸识别(开源代码-(人脸识别-自动驾驶-汽车追踪-手写数字识别器))带你导入代码并测试使用

Java+Selenium 如何实现关闭当前窗口并返回上一个窗口-driver.close()