Commitc9868bb

committed

js based file upload

1 parent36ba50f commitc9868bbCopy full SHA for c9868bb

File tree

+24

-0

lines changed

+24

-0

lines changed

Lines changed: 24 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -14,7 +14,31 @@ <h1> Image Upload</h1>`
`14`	`14`	`<inputtype="file"name="avatar"id="image">`
`15`	`15`	`<inputtype="submit"value="Upload Image">`
`16`	`16`	`</form>`
	`17`	`+`
	`18`	`+<h1> Image Upload By JavaScript</h1>`
	`19`	`+`
	`20`	`+<inputtype="text"name="fullname"id="fullName">`
	`21`	`+<inputtype="file"name="avatar"id="avatar">`
`17`	`22`
`18`	`23`
`19`	`24`	`</body>`
	`25`	`+<script>`
	`26`	`+document.getElementById('avatar').onchange=function(e){`
	`27`	`+fileUpload(e);`
	`28`	`+}`
	`29`	`+functionfileUpload(e){`
	`30`	`+// this method you can use with any JS frontend library`
	`31`	`+letformData=newFormData();`
	`32`	`+formData.append('avatar',e.target.files[0]);`
	`33`	`+// this first arg is == 'name' attribute`
	`34`	`+formData.append('fullname',document.getElementById('fullName').value);`
	`35`	`+fetch('/image',{`
	`36`	`+method:'POST',`
	`37`	`+body:formData`
	`38`	`+}).then(response=>{`
	`39`	`+console.log(response)`
	`40`	`+})`
	`41`	`+}`
	`42`	`+`
	`43`	`+</script>`
`20`	`44`	`</html>`

2.52 KB

Binary file not shown.

Comments

(0)