ajax图片上传

html

<from method="POST" enctype="multipart/form-data" id="aaa" class="banneredit_from">
           <p>文件:<input class="banneredit_input" type="file" name="file" id="bbb" /></p>
           <p><button value="上传" id="abc" >上传</button></p>
</from>

jquery

$(‘#abc‘).on(‘click‘,function(){
                var formData = new FormData($( "#aaa" )[0]);
                formData.append(‘file‘, $("#bbb")[0].files[0]);
                $.ajax({
                   url: "/appmanager/bannerController/bannerUploadImg",
                   type: "POST",
                   data: formData,
                   contentType: false,
                   processData: false,
                   success: function(msg){
                     console.log(msg)
                   }
                });
})

@

时间: 2024-10-14 05:47:57

ajax图片上传的相关文章

ajax图片上传(asp.net +jquery+ashx)

一.建立Default.aspx页面 [csharp] view plain copy <%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//E

自己动手打造ajax图片上传

今天笔者需要一款图片上传插件,但是网上没有提供一款符合自己需求且好用的.于是就自己动手写了一个. 方法1,仅使用jquery代码,不用第三方插件.代码如下 <p> <label>上传图片</label> <input class="ke-input-text" type="text" id="url" value="" readonly="readonly" /&g

Ajax 图片上传

废话不说;直接上代码: 你懂得: ,导入js . <script type="text/javascript"     src="${pageContext.request.contextPath}/cmsui/javascript/jquery.js"></script> <script type="text/javascript"     src="${pageContext.request.conte

[项目构建 五]babasport ajax图片上传及FastDFS入门案例.

今天来开始写图片上传的功能, 现在的图片上传都讲求 上传完成后立刻回显且页面不刷新, 这里到底是怎么做的呢? 当然是借助于ajax了, 但是ajax又不能提交表单, 这里我们还要借助一个插件: jquery.form.js剩下的一个是FastDFS, 那么什么是FastDFS呢? FastDFS是一个开源的轻量级分布式文件系统,由跟踪服务器(tracker server).存储服务器(storage server)和客户端(client)三个部分组成,主要解决了海量数据存储问题,特别适合以中小文

ajax图片上传(ajaxfileupload.js插件)

向后台交互方式: 1.form表单提交,action="url" 2.ajax异步提交 区别: form在提交之后无法获得后台的回调参数,只能由后台工作人员控制提交成功之后的路径跳转:优点是可以直接提交文件,如:图片.txt文件等: ajax很好的处理字符格式的提交并获取提交成功之后的回调参数,但是无法提交图片. ajax提交图片只能把图片格式转化为进制流模式 解决方式: 1 <script type="text/javascript" src="j

ajax图片上传,图片异步上传,更新

继承前文:图片上传_ajax上传之实际应用(附上Demo) 直接上源码吧: js源码: /// <reference path="jquery-1.8.3.js" /> /// <reference path="ajaxForm/jquery.form.js" /> /*! * jQuery upload * 用于上传单个文件,上传成功后,返回文件路径. * 本插件依赖jQuery,jquery.form 请在使用时引入依赖的文件 * * D

用Ajax图片上传、预览、修改图片

首选图片的上传和下载并不是很难,但要注意细节. 一,给出前端图片上传的html代码 1.图片上传的控件 <img src="/${res}/images/default.png" alt="" class="backimg"> <form method="post" id="imgform" enctype="multipart/form-data" action=&q

laravel框架里用jq实现ajax图片上传

//图片上传 $('#upload').change(function(){ var img = document.getElementById("upload").files[0]; var form = new FormData(); form.append("img", img); form.append("_token","{{ csrf_token() }}"); console.log(form); $.ajax(

ajax 图片上传并且显示

<!DOCTYPE html> <html> <head><meta charset="utf-8"> <title>Html5 Ajax 上传文件</title> <style type="text/css"> #imgshow{width: 500px;height: 300px } </style> <script type="text/javasc