[JavaScript知识库]js-点击或拖拽上传文件

<div class="cameraInputCon">
    <input type="file" id="cameraInput" />
    <span>点击或拖拽上传文件</span>
</div>
<style>
.cameraInputCon{
    width:200px;
    height:100px;
    text-align: center;
    line-height: 100px;
    border-radius: 10px;
    border:3px dashed blue;
    position: relative;
}
#cameraInput{
    width:200px;
    height:100px;
    border-radius: 10px;
    opacity: 0;
    position: absolute;
    left:0px;
    top:0px;
}
</style>

<script>
var fileUpload = document.getElementById("cameraInput")
    fileUpload.addEventListener('change', function(e){
        for (var i = 0; i < e.target.files.length; i++) {
            var imageFile = e.target.files[i];
            uploadImageAsPromise(imageFile

了解本专栏 订阅专栏 解锁全文 学习会员免费看 赠一年