js上传文件，上传表单demo 包含后端php

微信小程序开发交流qq群 173683895

承接微信小程序开发。扫码加微信。

正文：

<!DOCTYPE html>
<html lang="zh"><head><meta charset="UTF-8"><title>Title</title><script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.js"></script></head><body><div class="file"><form action="http://gohosts.com/index.php" enctype="multipart/form-data" method="post"><input type="file" name="excel_file"><button class="btn btn-primary" type="submit">上传</button></form></div><div class="content">内容：<input type="text" name="content"><button class="btn_2" id="ajaxSubmit" />点我ajax提交表单</button><div class="block" id="block"></div></div><script type="text/javascript">//给id为ajaxSubmit的按钮提交表单$("#ajaxSubmit").click(function() {var data = {title: $(" input[ name='title' ] ").val(),content: $(" input[ name='content' ] ").val()}console.log(data)$.ajax({//几个参数需要注意一下type: "POST", //方法类型dataType: "json", //预期服务器返回的数据类型url: "http://gohosts.com/index.php", //urldata: data,success: function(res) {console.log(res); //打印服务端返回的数据(调试用)var htm = '';for(var i = 0; i < res.length; i++) {htm += '<div id="">content:' + res[i].content + '</div>';}$('#block').html(htm)},error: function() {alert("异常！");}});});</script></body></html>

php

<?phpheader("Content-Type:text/html;charset=utf8"); header("Access-Control-Allow-Origin: *"); //解决跨域header('Access-Control-Allow-Methods:POST');// 响应类型  $link=mysql_connect("localhost","root","root"); mysql_select_db("zhangyu", $link); //选择数据库mysql_query("SET NAMES utf8");//解决中文乱码问题header("Content-Type:text/html;charset=utf8");if ($_FILES["file"]["error"] > 0)  {  echo "错误: " . $_FILES["file"]["error"] . "<br />";  }  else  {  $title = $_POST['title'];$name=$_FILES['file']['name'];  //插入数据到数据库 $strsql = "insert into file (title,name) values('$title','$name')";$result = @mysql_query($strsql);}  $name = iconv("UTF-8","gb2312", $_FILES["file"]["name"]);move_uploaded_file($_FILES["file"]["tmp_name"],"upfile/" . $name);  echo "上传成功";
?>

js上传文件，上传表单demo 包含后端php相关推荐

java form 上传文件_java通过表单进行文件上传的几种方法
上传文件的分类: 无论什么方式上传文件,都要用post提交方式一: 前端:表单方式上传文件后端: 使用上传技术是apache中的Commons-fileupload.jar commons-io. ...
javascript构造可以上传文件的form表单（通过js修改enctype）
在上传文件时,我们都知道需要在form表单中加上enctype="multipart/form-data".而在开发过程中,也有可能遇到需要用javascripts构造form表单 ...
php无表单上传文件,php – 来自表单的WP邮件附件,无文件管理器上传文件
从表单通过wp_mail函数我正在尝试发送带附件的电子邮件,而不将文件上传到文件管理器. 我收到附件的电子邮件.但附件名称不正确,没有文件类型.请帮忙解决这个问题. 这是HTML表单有我的PHP代码 ...
js插件---IUpload文件上传插件（包括图片）
js插件---IUpload文件上传插件(包括图片) 一.总结一句话总结:上传插件找到真正上传位置的代码,这样就可以知道整个上传插件的逻辑了, 找资料还是github+官方 1.如何在js中找到真正 ...
Vue + ElementUI上传带图片的表单
需求在Vue项目中,我们可以: 1.直接通过表单的action来向后端发送请求(本篇文章后台使用PHP) 2.也可以使用axios来进行后端请求. 需要上传的表单对象: 由于我在提交表单时需要先向后 ...
python 全栈开发，Day86(上传文件,上传头像,CBV,python读写Excel,虚拟环境virtualenv)
python 全栈开发,Day86(上传文件,上传头像,CBV,python读写Excel,虚拟环境virtualenv) 一.上传文件上传一个图片使用input type="file& ...
Extjs 扩展Htmleditor，支持图片上传文件上传插入flash 插入多媒体插入层插入横线等功能...
去年对Extjs的富文本框编辑器htmleditor做过扩展,扩展成图片上传和文件上传功能,感觉功能还是不够,原文如下: http://hi.baidu.com/jackvoilet/blog/ite ...
Extjs 扩展Htmleditor，支持图片上传文件上传插入flash 插入多媒体插入层插入横线等功能
最近在做项目的时候感觉还是不完美,于是在此基础上又进行了扩展,目前CJ_StarHtmlEditor支持: 图片上传文件上传插入flash 插入多媒体插入层插入横线等功能,基本上能够满足要求了 ...
Java图片上传/文件上传
图片上传/文件上传 1. 创建一个web项目新建一个JSP <%@ page language="java" import="java.util.*" ...

js上传文件，上传表单demo 包含后端php

承接微信小程序开发。扫码加微信。

正文：

js上传文件，上传表单demo 包含后端php相关推荐

最新文章

热门文章