master

分支 (1)

管理

管理

master

pocket
/
jiepai_add.html

<!DOCTYPE html>
<html>
    <head>
        <title>Pocket</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
        <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
        <link href="css/iconfont.css" rel="stylesheet" type="text/css"/>
        <link href="css/fileUpload.css" rel="stylesheet" type="text/css">
        <link href="css/common.css" rel="stylesheet" type="text/css"/>
        <link href="css/main.css" rel="stylesheet" type="text/css"/>


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

    </head>
    <body class="bg-dye">
        <div class="top">
            <a href="" class="pull-left"><i class="fa fa-angle-left"></i></a>
            添加街拍
        </div>
        <form class="form-horizontal add-jiepai mt-7">
             <div class="form-group">
                <lable>类别：</lable>
                <select class="form-control">
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                    <option>4</option>
                    <option>5</option>
                </select>
            </div>
            <div class="form-group">
                  <input type="text" class="form-control"  placeholder="拍攝地點/標題">
            </div>
            <div class="form-group">
                  <textarea class="form-control" rows="5"  placeholder="搭配描述"></textarea>
            </div>

            <div class="form-group">
                 <div id="fileUploadContent" class="fileUploadContent"></div>

            </div>

            <div class="form-group">
                    <button type="submit" class="btn btn-default">提交</button>
            </div>
        </form>


        <script src="js/bootstrap.min.js" type="text/javascript"></script>
        <script type="text/javascript" src="js/fileUpload.js"></script>
        <script src="js/main.js" type="text/javascript"></script>
        <script type="text/javascript">
             $("#fileUploadContent").initUpload({
            "uploadUrl":"http://lcocalhost:8080/SpringMVCFileUploadTest/SpringMVC006/fileUpload3.do",//上传文件信息地址
            //"size":350,//文件大小限制，单位kb,默认不限制
            //"maxFileNumber":3,//文件个数限制，为整数
            //"filelSavePath":"",//文件上传地址，后台设置的根目录
            "beforeUpload":beforeUploadFun,//在上传前执行的函数
            //"onUpload":onUploadFun，//在上传后执行的函数
            //autoCommit:true,//文件是否自动上传
            //"fileType":['png','jpg','docx','doc']，//文件类型限制，默认不限制，注意写的是文件后缀
        });
        function beforeUploadFun(opt){
            opt.otherData =[{"name":"name","value":"zxm"}];
        }
        function onUploadFun(opt,data){
            alert(data);
            uploadTools.uploadError(opt);//显示上传错误
        }
        </script>
    </body>
</html>