limeng
/
cetdz


			
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
							<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Ajax异步上传图片</title>
    <-- 引入jQuery异步上传js文件 -->
    <script src="<%=basePath%>/manage/beiqu/js/jquery-1.9.1.min.js" type="text/javascript"></script>
    <script src="../../ligerui/ajaxfileupload.js" type="text/javascript"></script>

    <!-- Ajax异步上传图片 -->
    <script type="text/javascript">
        function uploadPic()
        {

            $.ajaxFileUpload
            (
                {
                    url:'../file/file!fileupload',//用于文件上传的服务器端请求地址
                    secureuri:false,//一般设置为false
                    fileElementId:'file',//文件上传空间的id属性  <input type="file" id="file" name="file" />
                    dataType: 'json',//返回值类型 一般设置为json
                    success: function (data, status)  //服务器成功响应处理函数
                    {
                        //从服务器返回的json中取出message中的数据,其中message为在struts2中定义的成员变量

                        if(typeof(data.error) != 'undefined')
                        {
                            if(data.error != '')
                            {
                                alert(data.error);
                            }
                        }else{
                            if(data.message=='clean'){
                                alert('请选择图片上传！');
                                return;
                                $("#fjdz").val('');
                                $("#txtFoo").val('');
                                $("#scan").attr("style","display:none;");
                            }else if(data.message=='error'){
                                alert('上传异常，请稍后再试！');
                            }else if(data.message=='typeError'){
                                alert('上传图片类型错误！');
                            }else{
                                alert('上传成功！');
                                alert("<%=basePath%>uploadfile/"+data.message);
                                $("#allUrl").attr("src", "<%=basePath%>uploadfile/"+data.message);

                                $("#fjdz").val(data.message);
                                $("#txtFoo").val('');
                                $("#scan").attr("style","display:block;margin-left:4px;");
                            }
                        }
                    },
                    error: function (data, status, e)//服务器响应失败处理函数
                    {
                        alert('上传有误,请重试!');
                    }
                }
            )
            return false;
        }
    </script>
</head>
<body>
<div class="div">
    <div class="line">

        <label for="unload2" onclick="return uploadPic();"
               class="file2">
            上传
        </label>
        <input type="file" id="file" name="file" style="z-index:10"
               onchange="document.getElementById('txtFoo').value=this.value;this.style.display='block';"
               class="file" />
    </div>
</div>
<img  id="allUrl"/>


</body>
</html>