form表单提交支持文件拖拽上传和上传文件进度的显示吗?不用ajax只用form表单

Question

form表单提交支持文件拖拽上传和上传文件进度的显示吗?不用ajax只用form表单

发布于
2020-03-12

新手上路，请多包涵

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
            </head>
    <body>
        <form action="" method="post" enctype="multipart/form-data" accept-charset="utf-8">
            <input type="file" name="upload1"><br/>
            <input type="text" placeholder="" class="inputSongName" name="title" />
            <br>
            <input type="text" placeholder="" class="inputSinger" name="artist" />
            <br>
            <textarea class="lyrics" placeholder="" name="lyrics"></textarea>
           
            <input type="submit" value="Submit">
        </form>
        //然后应该怎么上传
<script>
var uploadFiles = new Array();
//文件拖拽上传后会放到这个数组里面去
var file = e.dataTransfer.files[0]
uploadFiles.push(file);
</script>
    </body>
    
</html>

前端

html5

阅读 2.3k

1 个回答

得票最新

Meathill

22.8k133642

发布于
2020-03-13