Question

我想在HTML5画布中显示来自cache对象（fileReader()）的图像数据，但是图像从不显示。控制台中没有错误，在我检查时似乎其他所有设置都正确。

感谢您的帮助。

HTML

reader.result

javaScript

   <section class='main-body>

    <div class="page_form">
        <div id='error'></div>
        <canvas id='my_canvas'></canvas>
            <!-- <img id=show_pic src='' style='border-radius: 5px;  max-width: 100%' /> -->
            <div class='image_upload'>
                <label for='file_input'>
                    <img src='imgs/icons/add_pic.png'/>
                </label>
                <input id='file_input' type='file'/>
            </div> 
        <div class='image_upload_text'> Select a promo image* </div>


        <div class='form_wrap'>
            <div id='error'></div>
            <input type='text' placeholder=' *Artist(s) name' value='' id='artistname' />
            <input type='text' placeholder=' *Release title' value='' id='releasetitle' />
            <input type='text' placeholder=' Genre' value='' id='releasegenre' />

            <button id='save_data'>Next</button>
        </div>

        <br class='clear' />
    </div>
</section>

}

我希望看到选定的图像显示在HTML5画布中。相反，我什么也没看到。（控制台中也没有错误）

为什么File API无法读入HTML5 Canvas

0 个答案: