ajax图片上传
来源:互联网 发布:网络之重临巅峰txt下载 编辑:程序博客网 时间:2024/06/07 03:36
<form name="myForm" enctype="multipart/form-data" > <input class="title input" type="text" placeholder="请输入标题" id="title" name="title"> <input type="file" value="AjaxUpload" style="margin-top: 10px;" id="file" name="img"> <textarea class="desc input" name="desc" id="desc" cols="30" rows="10" placeholder="请输入描述"></textarea> <textarea class="content input" name="content" id="" cols="30" rows="10" placeholder="请输入内容"></textarea> <input type="submit" class="a_button" style="margin: 10px auto;" href="" value="保存并发送" id="btn"></form>
$('#btn').click(function () { var title = document.myForm.title.value;//标题 var desc = document.myForm.desc.value;//简介 var content = document.myForm.content.value;//内容 var img = document.myForm.img.files[0]; var form = new FormData(); form.append('title',title); form.append('desc',desc); form.append('content',content); form.append('img',img); $.ajax({ url: './add.php', type: 'post', data: form, contentType: false, //禁止设置请求类型 processData: false, //禁止jquery对DAta数据的处理,默认会处理 //禁止的原因是,FormData已经帮我们做了处理 success: function (result) { //测试是否成功 //但需要你后端有返回值 alert(result); } })})
阅读全文
0 0
- Mvc Ajax 图片上传
- php+ajax上传图片
- ajax上传图片
- ajax 上传图片
- Java+ajax+图片上传
- Ajax+php上传图片
- ajax上传图片
- ajax 上传图片预览
- ajax上传图片
- AJAX上传图片功能
- ajax异步上传图片
- ajax异步上传图片
- ajax上传文件/图片
- PHP AJAX上传图片
- struts2 ajax图片上传
- ajax+fromData 上传图片
- php ajax图片上传
- javascript ajax上传图片
- JAVA基础(一)---JAVA四大特性之一抽象
- qrt(x) II
- 硬盘检测工具CrystalDiskMark中文版|crystaldiskmark中文版V6.0.0.0下载|CrystalDiskMark硬盘检测工具
- list的erase
- 中国IT行业风投
- ajax图片上传
- 队列(FIFO)先进先出
- 建造者模式
- [最小权路径覆盖 & 网络流] BZOJ2324 :[ZJOI2011] 营救皮卡丘
- JDK下载与安装教程(最简单版)
- FlappyBird游戏介绍
- @Valid springMvc bean Validation
- Tar命令和Gzip命令
- ajax文件 上传