分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

form 上传图片不刷新

发布时间:2023-09-06 02:26责任编辑:白小东关键词:上传图片
<!-- /** ??* @Author: cyany_blue ??* @Date: ??2018-12-12 21:24:54 ??* @Last Modified by: ??cyany_blue ??* @Last Modified time: 2018-12-12 22:09:15 ??*/ --> ?<!DOCTYPE html> ?<html lang="en"> <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script> ?<body> ????<form onsubmit="return false" enctype="multipart/form-data" method="post" name="fileinfo" id="form1"> ?//阻止默认刷新retrue false; ???????<input type="file" name="file[]" multiple="true"> ?单文件上传file,多文件上传file[]接收 ???????<input type="submit" value="submit" class="sumbit1"> ???</form></body> ?<script> ???????$(function(){ ???????$(".sumbit1").click(function(ev){ ???????????????var formData = new FormData(document.querySelector("#form1")); ???????????????console.log(formData) ???????????????$.ajax({ ???????????????????url:‘upload.php‘, ???????????????????type:‘post‘, ???????????????????data:formData, ???????????????????contentType: false, ?//很重要 ???????????????????processData:false,//很重要,不然会报非法错误。。。 ???????????????????success:function(res){ ???????????????????????console.log(res); ???????????????????} ???????????????}); ???????????// ev.preventDefault(); ???????????????????}); ?????})</script> ?</html> ?

<?php/** * @Author: cyany_blue * @Date: ??2018-12-12 21:20:53 * @Last Modified by: ??cyany_blue * @Last Modified time: 2018-12-12 21:43:43 */ ???$uploads = $_FILES["file"]; ???var_dump($uploads); ????> ???

form 上传图片不刷新

原文地址:https://www.cnblogs.com/cyany/p/10111357.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved