本地照片如何通过天联高级传到服务器
发布网友
发布时间:2023-05-24 14:54
我来回答
共1个回答
热心网友
时间:2023-10-12 17:54
本地照片通过天联高级传到服务器的方法分为三个过程:准备工作、图片显示在前端页面、发送给服务器。
1、准备工作:定义一个input标签,type=file,让它隐藏,用一个lable标签设置它的for属性指向这个input,这样就可以通过设置lable的格式,达到文件上传的功能。还需要定义一个img标签,用来接收上传的图片。
2、图片显示在前端页面:在Js中设置该input的change事件,原理就是将图片的盘符形式的地址换成http形式的地址,将该地址赋值给img的src属性,并让其显示。
3、发送给服务器:通过form表单提交给服务器,第一需要设置formenctype=multipart/form-data,第二需要设置input的name属性,传一个参数即可。