上次fetvh就一个参数url,,就是get请求
fetch还可以第二个参数对象,可以指定method:改为POST
请求头header
:发送txt,servlet,json给客户端,,异步请求图片
1 这节客户端传到服务器端
2异步文件上传,两三行代码把文件传输
mouseover事件
.then()的使用
是Promise对象的一个方法,用于安排在Promise完成(或解析)后要执行的回调函数。它接受一个或两个参数:第一个参数是Promise成功解析时要调用的函数,第二个可选参数是Promise被拒绝时要调用的函数。
myPromise.then(successFunction, failureFunction);
到达客户端调用第一个回调函数,有状态码,和头,写的是lamdar表达式----只有一条语句就作为lamda返回值.的又是promise
只有一条语句就作为lamda返回值
只有一条语句就作为lamda返回值
只有一条语句就作为lamda返回值
2请求正文到达客户端调用第二个,图片写到此类型blob,blob是一个二进制数据..URL.createObjject(blob)这方法把内存里的数据给搞出来
选乒乓球的给servlet1
羽毛球的给servlet2
这样不会卡,总的servlet负责
客户端给服务器这节
内容:
转化为JSON对象-----当然方法不会转为JSON
获取所有键的名称
有更多对象hasmoreekement--是hasnext
想打印content-type
JAVA字符BUffer
String字节读取
我的错误一
从注意这js的
要与servlet 的value这个一样
案例一:触小图标变大,移走变回
requeset-image.html
ProcessJson
大小图片转换
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><title>请求图像</title></head><body><img src="img/th.png" id="img">
<script type="text/javascript">let img =document.querySelector("#img");let src=img.src;img.addEventListener("mouseover",(event=>{fetch("img/th_big.png").then(reponse=>reponse.blob()).then(blob=>img.src=URL.createObjectURL(blob));}));img.addEventListener("mouseout",(event)=>{//回来img.src=src;})</script></body>
</html>
什么意思 img.addEventListener("mouseover",(event=>{fetch("img/th_big.png").then(reponse=>reponse.blob()).then(blob=>img.src=URL.createObjectURL(blob)); }));
案例三:页面提交文件,我服务器端接收
ProcessFile.java
upload-file.html
uploadfile
inpput的file 设置multiple可以选多个文件
2创建一个FormData对象,这个嘴都就是表单对像一样的------表单是同步的我的FormData异步
通过field.files返回
append加的相当于 name,值
getpammer通过name提取
怎么模拟表单,加入键值对
fetch发送给process-file
ProcessFile
part也有这个Header方法
打印头
我想打印文件名:substring(lastIndex("=")+2,)
还想打印上下文,1获取上下文
2getRealPath获取物理地址
3window的是反斜杠,File调用seoarator
运行后就会文件放在我们的
注意:
加上Multiparconfig注释才能接收文件
老师的问题他的webapp的file没有文件,加一个文件就行了
问题:
怎么知道这个物理路径是什么,默认快照里面
还有.then为什么不是两个
传文件作为网盘使用