fileupload

最新推荐文章于 2024-11-08 14:35:14 发布

揽峰moc

最新推荐文章于 2024-11-08 14:35:14 发布

阅读量112

点赞数

分类专栏： Ajax-jQuery开源框架文件流-IO操作文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/big1989wmf/article/details/84478256

版权

Ajax-jQuery开源框架同时被 2 个专栏收录

7 篇文章 0 订阅

订阅专栏

文件流-IO操作

6 篇文章 0 订阅

订阅专栏

<!-- fileupload -->
    <link rel="stylesheet" href="<%=path%>/styles/ui-lightness/jquery.fileupload-ui.css" />
    <script src="<%=path%>/scripts/public/jquery.fileupload.js"></script>
     <!-- fileupload over -->	 
<script>
    $(function () {
        $("#cmdSelectFiles").button({icons: { primary: "ui-icon-link" }});
        $('#formIda').fileupload({
            dataType: 'json',
            url: 'upload.file',
            add: function (e, data) {
                data.submit();
                $("#cmdSelectFiles").button("disable");
                $.uiHelper.showLoading();
            },
            done: function (e, data) {
            	$.uiHelper.hideLoading();
            	$("#cmdSelectFiles").button("enable");
                $.each(data.result, function (index, file) {
                	//空格
                	var childdiva=$('<span></span>'); //创建一个子div
                	childdiva.addClass('spanDelStyle'); //添加css样式
                	//删除
                	var childdivb=$('<a>删除</a>'); //创建一个子a
                	childdivb.attr('href','delete.file?id=' + file.id); //给子div设置id
                	childdivb.addClass('aDelStyle'); //添加css样式

                    $("<a/>").attr("href","get.file?id=" + file.id).text(file.name).appendTo($("#attDiva")); 
                    childdiva.appendTo($("#attDiva"));
                    $("<img/>").attr("src","<%=basePath %>images/state/fail.png").appendTo($("#attDiva"));
                   //$("<a/>").attr("href","delete.file?id=" + file.id).text("删除").appendTo($("#attDiva"));
                   childdivb.appendTo($("#attDiva"));
                   $("<br>").appendTo($("#attDiva"));
                });

            }
        });
    });
</script>


<tr style="height: 40px">
<td colspan="2">
<div style="width: 120px;height: 28px;">
<span class="fileinput-button">
<span id="cmdSelectFiles">添加附件</span>
<input  type="file" multiple>
</span>
</div>
</td>
</tr>

<tr>
<td colspan="2">
<!-- 附件显示 -->
<div id="attDiva" style="padding-top:2px;"></div>
</td>
</tr>