HTML 5 FILE API

2019-04-15 13:51发布生成海报

站内文章 / PIC单片机

17095 0




新建网页




新建网页

        $(function () {

            $('#iosPack').change(function (){

                $('#progress-div').css('display','')
                $('#progress-bar').css('width','0%')
                $('#iosErrorMsg').html('')

                var formData = new FormData();
//                var file = document.getElementById('iosPack').files[0]  效果同下

                var file = $('#iosPack')[0].files[0]

                formData.append('file',file);

                var xhr = new XMLHttpRequest();
                xhr.open('POST','{{ path('acme_admin_app_dealAppUpload') }}',true);

                xhr.upload.onprogress = function (ev) {
                    if(ev.lengthComputable) {

                        var percent = 100 * ev.loaded/ev.total;

                        $('#progress-bar').css('width',percent+'%')

                    }
                }

                xhr.upload.onload = function (){
                    $('#progress-bar').css('width','100%')
                }

                xhr.onreadystatechange = function () {
                    if(this.readyState == 4) {
                        var data = xhr.responseText
                        data = $.parseJSON(data)
                        if(data.error ==0){
                            $('#iosDownLink').val(data.plistDownLink)
                        }else{
                            $('#iosErrorMsg').html(data.errormsg)
                            $('#iosErrorMsg').css('color','red')
                        }
                    }
                }

                xhr.send(formData);

            })

HTML 5 FILE API

Ta的文章更多 >>

热门文章

HTML 5 FILE API

Ta的文章 更多 >>

热门文章

举报内容

检举类型

检举原因

检举说明(必填)

打开微信“扫一扫”，打开网页后点击屏幕右上角分享按钮

Ta的文章更多 >>