ajax上传图片的方法,ajax上传图片的方法

简介这篇文章主要介绍了ajax上传图片的方法以及相关的经验技巧，文章约1000字，浏览量191，点赞数7，值得推荐！

$("#fileUp").change(function() {

event.preventDefault()

let files = event.target.files;

const myfiles = files

let i

for(i = 0; i < files.length; i++) {

files[i].thumb = URL.createObjectURL(files[i])

}

files = Array.prototype.slice.call(files, 0)

files = files.filter(function(file) {

return /image/i.test(file.type)

})

$(".upload-iconup-logo-pic").attr("src", (files[0].thumb));

save();

})

function save() {

$(‘#formFile‘).attr("action","ip/index.php?act=sign_active&op=upImg&unionid="+unionid);

var form = new FormData(document.getElementById("formFile"));

$.ajax({

url: "ip/index.php?act=sign_active&op=upImg&unionid="+unionid

type: "post",

data: form,

cache: false,

processData: false,

contentType: false,

success: function(data) {

const obj = JSON.parse(data);

console.log(data)

error: function(e) {

alert("网络错误，请重试！！");

}

});

}

ajax上传图片的方法,ajax上传图片的方法相关推荐

AJAX 缓存问题的两种解决方法(IE
做一个项目用到Ajax,开始觉得挺好,后来发现一个问题,例如删除一项,恢复之后就不能再接着删除, 必须要等一段时间,后来知道是IE缓存的问题 AJAX缓存页面是一个刚接触AJAX的人一定会遇到的问题, ...
ajax异步获取右侧html,Ajax异步获取html数据中包含js方法无效的解决方法
Ajax异步获取html数据中包含js方法无效的解决方法页面上使用js写了一个获取后台数据的方法 function data() { var tab = $("#dic") $. ...
ajax上传图片java6,java ajax上传图片返回json数
java ajax上传图片返回json数 [2021-02-10 00:12:56] 简介: 解决java的ajax提交返回值中文乱码的方法:1.在RequestMapping的并发配置中加代码[p ...
canvas使用Ajax上传图片PHP,使用ajax上传图片，并且使用canvas实现出上传进度效果...
前端代码: 使用ajax上传图片,并使用canvas实现出上传进度效果 #myImg { border: 1px solid gray; border-radius: 8px; position: a ...
ajax post的回调函数另一个方法,jQueryajax–post()方法 - 米扑博客
jQuery ajax - post() 实例请求 test.php 网页,忽略返回值: $.post("test.php"); 通过 AJAX POST 请求改变 div 元素 ...
php yii2自动给值,Yii2基于Ajax自动获取表单数据的方法
本文实例讲述了Yii2基于Ajax自动获取表单数据的方法.分享给大家供大家参考,具体如下: 这里有两张表,表结构如下,locations表存放的省份和邮编等信息,两张表的model和curd均使用gi ...
ajax只能用get吗,基本的Ajax，但无法使用GET或POST方法
我知道那里有很多教程和相同的问题,但我已经尝试了很多次,并且Ajax无法使用. PLZ纠正我的脚本: 这里的index.php基本的Ajax,但无法使用GET或POST方法 echo' functio ...
php ajax jquery 表单重复提交,jQuery的 $.ajax防止重复提交的两种方法(推荐)
下面给大家带来两种关于jquery 的ajax防止重复提交的解决方法,具体介绍如下所示: 1.第一种,对于onclick事件触发的的ajax 可以采用如下方法: 即在beforeSend中使点击按钮不 ...
ExtJs异步ajax调用和同步ajax调用公用方法
Js代码 //异步ajax调用 /** * 异步调用ajax,成功后返回值,作为回调函数的参数调用失败会提示 * * @param {} * urlStr * @param { ...
php ci post 请求,ci检测是ajax还是页面post提交数据的方法
ci检测是ajax还是页面post提交数据的方法 PHP 是一种 HTML 内嵌式的语言,是一种在服务器端执行的嵌入HTML文档的脚本语言,语言的风格有类似于C语言,被广泛地运用.以下是小编为大家搜索 ...

ajax上传图片的方法,ajax上传图片的方法

ajax上传图片的方法,ajax上传图片的方法相关推荐

最新文章

热门文章