账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    mui 上传文件或图片中使用了feedback-page.js,这个JS要怎么使用呢?应该怎么通过它来取值呢?
    • 2017-08-22 00:00
    • 11
    59
    0

    //feedback-page.js的原码,可以使用,但是不知道怎么取files

    (function(mui, window, document, undefined) {
        mui.init();
        var get = function(id) {
            return document.getElementById(id);
        };
        var qsa = function(sel) {
            return [].slice.call(document.querySelectorAll(sel));
        };
        var ui = {
            question: get('question'),
            contact: get('contact'),
            imageList: get('image-list'),
            submit: get('submit')
        };
        ui.clearForm = function() {
            ui.question.value = '';
            ui.contact.value = '';
            ui.imageList.innerHTML = '';
            ui.newPlaceholder();
        };
        ui.getFileInputArray = function() {
            return [].slice.call(ui.imageList.querySelectorAll('input[type="file"]'));
        };
        ui.getFileInputIdArray = function() {
            var fileInputArray = ui.getFileInputArray();
            var idArray = [];
            fileInputArray.forEach(function(fileInput) {
                if (fileInput.value != '') {
                    idArray.push(fileInput.getAttribute('id'));
                }
            });
            return idArray;
        };
        var imageIndexIdNum = 0;
        ui.newPlaceholder = function() {
            var fileInputArray = ui.getFileInputArray();
            if (fileInputArray &&
                fileInputArray.length > 0 &&
                fileInputArray[fileInputArray.length - 1].parentNode.classList.contains('space')) {
                return;
            }
            imageIndexIdNum++;
            var placeholder = document.createElement('div');
            placeholder.setAttribute('class', 'image-item space');
            var closeButton = document.createElement('div');
            closeButton.setAttribute('class', 'image-close');
            closeButton.innerHTML = 'X';
            closeButton.addEventListener('click', function(event) {
                event.stopPropagation();
                event.cancelBubble = true;
                setTimeout(function() {
                    ui.imageList.removeChild(placeholder);
                }, 0);
                return false;
            }, false);
            var fileInput = document.createElement('input');
            
            fileInput.setAttribute('type', 'file');
            fileInput.setAttribute('accept', 'image/*');
            fileInput.setAttribute('id', 'image-' + imageIndexIdNum);
            fileInput.addEventListener('change', function(event) {
                var file = fileInput.files[0];
                if (file) {
                    var reader = new FileReader();
                    reader.onload = function() {
                        //处理 android 4.1 兼容问题
                        var base64 = reader.result.split(',')[1];
                        var dataUrl = 'data:image/png;base64,' + base64;
                        //
                        placeholder.style.backgroundImage = 'url(' + dataUrl + ')';
                    }
                    reader.readAsDataURL(file);
                    placeholder.classList.remove('space');
                    ui.newPlaceholder();
                }
            }, false);
            placeholder.appendChild(closeButton);
            placeholder.appendChild(fileInput);
            ui.imageList.appendChild(placeholder);
        };
        ui.newPlaceholder();
    })(mui, window, document, undefined);

    我应该怎么把 file 取出来呢?谢谢!
    实际上应该取这个值 fileInputArray,它是一个数组,如果选择多个图片的话,就要选择它。
    搞不定,应该怎么使用?

    <!--upload-->
    <div id="feedback" class="mui-page feedback">
        <div class="mui-page-content">
            <div id='image-list' class="row image-list"></div>
        </div>
    </div>
    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 11 元积分
        全部回答
    • 0
    • 麻辣章鱼 普通会员 1楼
      502 Bad Gateway

      502 Bad Gateway


      nginx
    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部