码迷,mamicode.com
首页 > Web开发 > 详细

jQuery上传文件

时间:2015-07-24 10:54:25      阅读:200      评论:0      收藏:0      [点我收藏+]

标签:jquery

1.引入资源

<script src="/yami/backend/backres/js/jquery.min.js"></script>

<script src="/yami/backend/backres/js/jquery.ui.widget.js"></script>
<script src="/yami/backend/backres/js/jquery.iframe-transport.js"></script>
<script src="/yami/backend/backres/js/jquery.fileupload.js"></script>

2.在form中添加
<input type="file" name="excel" id="fileupload" style="display:none" onclick="upload()" multiple/>
<a href=‘‘ onclick="document.getElementById(‘fileupload‘).click();return false;">
    <div class="batch">批量导入用户手机号</div>
</a>

点击a标签触发<input>点击事件
 //选择文件后自动上传
    function upload() {
        $('#fileupload').fileupload({
            url: "/yami/backend/coupon.getPhonesFromExcel.do",
            dataType: 'json',
            add: function (e, data) {
                var goUpload = true;
                var uploadFile = data.files[0];
                if (!(/\.(xls||xlsx)$/i).test(uploadFile.name)) {
                    alert('请选择excel文件!');
                    goUpload = false;
                }
                if (uploadFile.size > 2000000) { // 2mb
                    alert('上传文件大小不得超过2M');
                    goUpload = false;
                }
                if (goUpload == true) {
                    data.submit();
                }
            },
            done: function (e, data) {
                document.getElementById("showPhones").innerHTML = "<p>成功上传" + data.result.length + "手机号!!!</p>";
                document.getElementById("phoneList").setAttribute("value", data.result);
            }
        });
    }

版权声明:本文为博主原创文章,未经博主允许不得转载。

jQuery上传文件

标签:jquery

原文地址:http://blog.csdn.net/hackcoder/article/details/47036059

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!