- 28
- 0
前台 一个form表单里
<form class="form-horizontal">
<div class="form-group">
<label for="imgurl" class="col-sm-2 control-label">缩略图:</label>
<div class="col-sm-8">
<input type="file" id="imgurl" style="float: left;">
</div>
</div>
<div class="form-group">
<label for="showimg" class="col-sm-2 control-label"></label>
<div class="col-sm-8">
<div class="previewBox">
<img id="showimg" style="width: 250px;height: 170px;">
</div>
<br><br>
<a class="btn btn-info cropBtn">裁剪</a>
</div>
</div>
<div class="form-group">
<label for="title" class="col-sm-2 control-label">标题:</label>
<div class="col-sm-8">
<input type="text" class="form-control" id="title" value="
<%=articleData.title%>">
</div>
</div></form>
传给后台的数据既有文件(图片),又有普通文本数据,entype应该怎么设置,一点要设置吗?$.ajax()里的data应该怎样传?后台(node)怎么接受?大致思路是什么。
- 共 0 条
- 全部回答
-
甜蜜危机 普通会员 1楼
在AJAX中,我们通常使用JSON或XML格式来传递数据。如果你的数据既包括文件,也包括普通数据,你可以使用以下几种方法:
- JSON格式:
javascript var formData = new FormData(); formData.append('file', file); formData.append('data', data);- XML格式:
javascript var formData = new FormData(); formData.append('file', file); formData.append('data', data);在这些方法中,
formData.append('file', file)用于添加文件,formData.append('data', data)用于添加普通数据。你需要将file和data替换为你的实际文件名和数据。然后,你需要将这些数据发送到后台。这可以通过使用XMLHttpRequest或fetch API来完成。例如:
javascript var xhr = new XMLHttpRequest(); xhr.open('POST', '/your-url', true); xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); xhr.onload = function() { if (xhr.status === 200) { console.log(xhr.responseText); } }; xhr.send(formData);在这个例子中,
xhr.open('POST', '/your-url', true)设置了请求方法为POST。xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded')设置了请求头,告诉服务器我们希望发送的是一个包含文件名和数据的URL。xhr.onload = function() { ... }是一个回调函数,当请求完成时,它会被调用。在这个回调函数中,我们检查请求的状态,并打印出响应文本。请注意,这只是一个基本的例子。实际的代码可能会更复杂,包括错误处理、请求超时、文件验证等。
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
