您的位置：首页 > Web前端 > HTML

我的上传组件-开始干活啦----1

2009-11-10 03:57 197 查看

这里定义上传的基本参数

包括上传文件的类型，是否允许上传多个文件，主页面

<script type="text/javascript"

           src="../../scripts/jquery/jquery-1.3.2.min.js"></script>

<script type="text/javascript">

//img:图片，zip:压缩文件

        var byType = "img";

        //保存文件的路径

        var savePath = "/uploadfile/test";

        //多传还是单传0为只能传单个文件1为多个

        var status = 1;

        //html，成功后锁定html,刷新后将上传成功的显示重新载入

        var html_val = "";

        $(document).ready( function() {

        });

</script>

<link rel="stylesheet" href="upload.css" type="text/css" />

    </head>

    <body>

        <div id="result_body">

            <h3>

                以下测试，如果图片不等于空，如下预览，并且提供删除，修改的功能:

            </h3>

            <ul>

                <li>

                    <img src="/uploadfile/test/20091110_031828_61862.png"

                        class="resultImg">

                    <a class="removeBtn"

                        id="/uploadfile/test/20091110_031828_61862.png">删除</a>

                </li>

                <li>

                    <img src="/uploadfile/test/20091110_031828_47413.png"

                        class="resultImg">

                    <a class="removeBtn"

                        id="/uploadfile/test/20091110_031828_47413.png">删除</a>

                </li>

                <li>

                    <img src="/uploadfile/test/20091110_031828_21785.png"

                        class="resultImg">

                    <a class="removeBtn"

                        id="/uploadfile/test/20091110_031828_21785.png">删除</a>

                </li>

            </ul>

        </div>

        <div id="M_div">

            <iframe src="upload.jsp" width="486" height="80%" id="upload_frame"

                scrolling="auto" frameborder="0"></iframe>

        </div>



        <div id="target">

            <textarea rows="5" cols="56" id="uploadUrl" name="uploadUrl"

                readonly="readonly"></textarea>

        </div>



        <div id="removeTarget">

            <textarea rows="5" cols="56" id="removeUrl" name="removeUrl"

                readonly="readonly"></textarea>

        </div>

    </body>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： class stylesheet div upload html iframe

相关文章推荐

新的分享

章节导航