ajax 上传图片

html:

<input type="file" id="img1" name="img1" />
        <input type="file" id="img2" name="img2" />
        <button id="btn_submit">multipart/form-data 提交</button>

javascript:

<script>
            $(function () {
                $(‘#btn_submit‘).click(function () {
                    var formdata = new FormData();
                    formdata.append("submittype", "Phone_addMN");
                    formdata.append("glsort2", "256");
                    formdata.append("content", "哈哈哈哈啊");
                    formdata.append("channel", "街拍");
                    formdata.append("lng", "123");
                    formdata.append("lat", "121");
                    formdata.append("file1", $(‘#img1‘)[0].files[0]);
                    formdata.append("file2", $(‘#img2‘)[0].files[0]);
                    $.ajax({
                        url: "xxxxxxxx.ashx",
                        type: ‘POST‘,
                        data: formdata,
                        dataType: ‘JSON‘,
                        processData: false,
                        contentType: false,
                        success: function (result) {
                            if (result.state) {
                                var n = "";
                            } else {

                            }
                        }
                    });
                });
            });
        </script>

C#:

  var model_submit = new
            {
                glsort2 = Common.ObjectToInt(_context.Request["glsort2"]),
                content = Common.ObjectToString(_context.Request["content"]),
                channel = Common.ObjectToString(_context.Request["channel"]),
                Data = new List<Model.API.MicroNews.Phone_ModelSubmit.Item>(),
                lng = Common.ObjectToString(_context.Request["lng"]),
                lat = Common.ObjectToString(_context.Request["lat"])
            };

  for (int i = 0; i < _context.Request.Files.Count; i++)
            {
                var file = _context.Request.Files[i];
                var extension = Path.GetExtension(file.FileName).ToLower();
               ....
            }
时间: 2024-09-30 17:30:52

ajax 上传图片的相关文章

asp.net core 通过ajax上传图片及wangEditor图片上传

asp.net core 通过ajax上传图片 .net core前端代码,因为是通过ajax调用,首先要保证ajax能调用后台代码,具体参见上一篇.net core 使用ajax调用后台代码. 前端代码如下: @Html.AntiForgeryToken() @{await Html.RenderPartialAsync("_ValidationScriptsPartial");} <div> <form id="uploadForm">

使用Ajax上传图片到服务器(不刷新页面)

有时候我们需要上传图片时不刷新页面,那么Ajax就是很好的东西哦.之前在网上找了很多的资料都不对,不是这里就是那里错,这是本人亲自测试了的哈,是没有问题的,若有不足之处希望指正.我用的.net,对了这里还需要引用Jquery跟Jquery.form.js两个文件,没看到上传附件在哪里咯,需要的朋友可以给我留言哈 前台代码 Default2.aspx <%@ Page Language="C#" AutoEventWireup="true" CodeFile=&

关于使用ajax上传图片问题

今天需要做一个上传图片的功能,由于框架里面没有带,上网搜了下.看到有spring mvc的图片上传,而且有例子,刚好是自己需要的,直接粘贴复制下.参考: http://blog.csdn.net/luckey_zh/article/details/46867957# 很简单,使用了commons-upload和commons-io包,配置文件位置后,页面form表单这几设置,然后就好了. 配置完后,自己运行却发现,上传报错了: org.apache.tomcat.util.http.fileup

移动端压缩并ajax上传图片解决方案

1.需求 做一个前端可压缩并且上传图片到后台的功能 2.使用组件 用到的主要是jq和LocalResizeIMG这2个库 3.使用方法 a.引入脚本文件 <script type='text/javascript' src='js/jquery-2.0.3.min.js'></script> <script type='text/javascript' src='js/LocalResizeIMG.js'></script> <script type=

Ajax 上传图片并预览

1. 直接上最简单的 一种 ajax 异步上传图片,并预览 html: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 5 <title>图片上传 | cookie</title> 6 </head> 7 <body

BBS功能之Ajax上传图片

1. 先设置路由 url(r'^upload_img', upload_img), 2. 建立函数 def upload(request): return render(request,'upload.html') 3. 编写upload.html //这次我们先学jquery方式 <body> <h1>上传图片</h1> <input type="file" name="fafafa"> <input type

Ajax上传图片文件到服务器

1 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="FileUploadByJs.aspx.cs" Inherits="WebApplication1.UI.FileUploadByJs" %> 2 3 <!DOCTYPE html> 4 5 <html xmlns="http://www.w3.org/1999/xht

打造你自己ajax上传图片

今天,我们需要的图片上传插件,但是,互联网不提供符合他们的需要和易于使用的.所以我写了自己. 方法1,只使用jquery代码,.代码例如以下 <p> <label>上传图片</label> <input class="ke-input-text" type="text" id="url" value="" readonly="readonly" /> <

ajax上传图片文件

这里用的是一个隐藏的iframe,这样可以让form表单提交到这个iframe里面,用户就看不到页面的刷新了 前段时间在解决ajax上传文件时折腾了好一阵.直接用$.post上传文本信息肯定是没有问题的.但是$.post直接上传图片是不可行的. 后来看到网上的一些解决方案,有现成的ajax上传文件的封装的方法也有利用flash的.flash确实是个好方法 但是不是每个人都会flash的而且下载下来现成的方法要做修改也不是件易事,且文件相对较大. 最后只好模拟iframe来实现.发现相当的简单.

ajax上传图片的方法

$("#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,