form表單

上傳圖片

<input id="file" type="file" accept="image/*" multiple="" name="file">

<script>

let formData = new FormData();
let element = document.getElementById("file");
element.addEventListener('change', function () {
    //獲取元素對象
    console.log(this);
    //選中的文件
    console.log(this.files);
    formData.append('file',this.files);
    console.log(formData);
    （AJAX）
    });

</script>

或

<form id="upload">

<input id="file" type="file" accept="image/*" multiple="" name="file">

</form>

<script>

let element = document.getElementById("file");
element.addEventListener('change', function () {
    let formData1 = new FormData(document.getElementById('file'));
    let formData2 = new FormData(document.getElementById('upload'));
    console.log(formData1);
    console.log(formData2);
    （AJAX）
    });

</script>

問:
formData1與formData2是一樣的么？
上述兩種方法都可以上傳圖片么？
上傳圖片input必須放在form里面么？
表單必須放在form里面么？