上传图片时显示进度栏

时间:2019-06-13 11:08:07

标签: html forms image file-upload progress-bar

我正在我的Wordpress网站中使用用户提交的帖子插件,我想向用户显示在网站上上传文件时的进度栏

我尝试了很多事情,但不确定为什么不起作用

这是我的表单php文件

 <fieldset class="usp-images">
            <label for="user-submitted-image"><?php esc_html_e('', 'usp'); ?></label>
            <div id="usp-upload-message"><?php esc_html_e($usp_options['upload-message'], 'usp'); ?></div>
            <div id="user-submitted-image">
            <?php // upload files

            $usp_minImages = intval($usp_options['min-images']);
            $usp_maxImages = intval($usp_options['max-images']);
            $usp_addAnother = $usp_options['usp_add_another'];

            if (empty($usp_addAnother)) $usp_addAnother = '<a href="#" id="usp_add-another" class="usp-no-js">'. esc_html__('Add another image', 'usp') .'</a>';

            if ($usp_minImages > 0) : ?>
                <?php for ($i = 0; $i < $usp_minImages; $i++) : ?>

                <input name="user-submitted-image[]" type="file" size="25"<?php echo $usp_required; ?> class="usp-input usp-clone">
                <?php endfor; ?>
                <?php if ($usp_minImages < $usp_maxImages) : echo $usp_addAnother; endif; ?>
            <?php else : ?>

我如何显示带有数字的进度栏或仅显示此进度栏

0 个答案:

没有答案