ajax 不能上传图片,自己动手打造ajax图片上传(网上没有的)

今天笔者需要一款图片上传插件，但是网上没有提供一款符合自己需求且好用的。于是就自己动手写了一个。

方法1，仅使用jquery代码，不用第三方插件。代码如下

上传图片

$(function() {

$('.inp_fileToUpload').change(function() {

var formdata = new FormData();

var v_this = $(this);

var fileObj = v_this.get(0).files;

url = "/upload/upload_json.ashx";

//var fileObj=document.getElementById("fileToUpload").files;

formdata.append("imgFile", fileObj[0]);

jQuery.ajax({

url : url,

type : 'post',

data : formdata,

cache : false,

contentType : false,

processData : false,

dataType : "json",

success : function(data) {

if (data.error == 0) {

v_this.parent().children(".img_upload").attr("src", data.url);

//$("#img").attr("src",data.url);

}

});

return false;

});

这种方法的缺点：由于IE6\8\9\不支持formdata，所以这种方法不支持IE9及以下版本

方法二：使用ajaxfileupload.js插件

ajaxfileupload.js

html代码：

ajax上传

ajax 不能上传图片,自己动手打造ajax图片上传(网上没有的)相关推荐

上传图片返回url java_Java实现图片上传返回上传地址
**关于在实际开发中最常用也是用的最多的Java实现文档.图片上传.** *一.准备阶段* 文档.图片上传有几种方式,包括传统的ajax上传,云上传,这里给大家实现通过代码将图片上传至七牛云服务器并返 ...
kindeditor上传图片php,Kindeditor编辑器添加图片上传水印功能（php代码）
KindEditor 是一套开源的在线HTML编辑器,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框.可以无缝地与 Java..NET.PH ...
kindeditor java 上传图片_java中KindEditor本地图片上传与上传失败问题
此代码是最新版的 KindEditor 3.5.x 实现本地图片上传的方法,用于oschina即将改版的个人空间 KindEditor 要求的JSON格式如下: {"error": ...
anguarjs 上传图片预览_前端图片上传那些事儿
本文转自:掘金作者:chess 前言本文讲的图片上传,主要是针对上传头像的.大家都知道,上传头像一般都会分成以下 4 个步骤: 选择图片 -> 预览图片 -> 裁剪图片 -> 上 ...
think php上传图片,基于ThinkPHP5.0实现图片上传插件
这篇文章主要介绍了关于基于ThinkPHP5.0实现图片上传插件,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 thinkphp5.0 图片上传插件可预览裁剪图片和保存原图片,执行裁剪 ...
php上传图片并显示代码,php图片上传代码（完整版已测试）
php图片上传代码本来是一个很简单的事,之前笔者图省事,直接网上下载了一个php图片上传小程序,结果导致wordpress网站被黑,因为留有后门,后来排查直接删除整个小程序,自己用重新写了一个php图 ...
php网页中不能上传图片,为什么我的PHP图片上传代码可以实现插入数据库但图片不能插入文件夹中？...
为什么我的PHP图片上传代码可以实现插入数据库但图片不能插入文件夹中? 关注:167 答案:4 mip版解决时间 2021-01-19 00:58 提问者慢慢学会遗忘 2021-01-18 00 ...
h5 php 拍照上传图片,H5拍照、选择图片上传组件核心
背景前段时间项目重构,改成SSR的项目,但之前用的图片选择上传组件不支持SSR(server-side-render).遂进行了调研,发现很多的工具.但有的太大,有的使用麻烦,有的不满足使用需求.决 ...
java中上传图片的原理_js实现图片上传预览原理分析
目前网上有很多支持图片上传时进行预览的插件,功能完备,界面优雅,使用起来也很方便.一直以来也就只是用用,没有想过这些插件背后的实现原理.趁着今天有点时间,也来学习学习. 追根溯源设想一开始,按照我 ...

ajax 不能上传图片,自己动手打造ajax图片上传(网上没有的)

ajax 不能上传图片,自己动手打造ajax图片上传(网上没有的)相关推荐

最新文章

热门文章