当前位置:首页 » 文件管理 » ajaxaspnet图片上传

ajaxaspnet图片上传

发布时间: 2023-02-06 08:55:45

1. 急!ajax上传图片,php获取不到

如何用ajax上传图片的话 我会用js把图片转成base64 然后在后端在转回来

2. jquery ajax多图上传显示怎么写

首先我们在页面上放置个上传按钮,使用POST提交到ajax.php。#ul_pics 用来显示上传完毕后的图片。
<a class="btn" id="btn">上传图片</a> 最大500KB,支持jpg,gif,png格式。
<ul id="ul_pics" class="ul_pics clearfix"></ul>
接着,加载jQuery.js和plupload.full.min.js插件。
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="plupload/plupload.full.min.js"></script>
当点击按钮“上传图片”后,弹出选择文件对话框,按 "ctrl" 选择多图片上传。然后调用 uploader.start() 方法,开始上传。上传中间过程我们可以用 UploadProgress 方法来显示文件进度,最后通过 FileUploaded 来显示对应的图片。通过浏览器控制台,会发现上传一张图片,会向后台ajax.php请求一次。
var uploader = new plupload.Uploader({ //创建实例的构造方法
runtimes: 'html5,flash,silverlight,html4',
//上传插件初始化选用那种方式的优先级顺序
browse_button: 'btn',
// 上传按钮
url: "ajax.php",
//远程上传地址
flash_swf_url: 'plupload/Moxie.swf',
//flash文件地址
silverlight_xap_url: 'plupload/Moxie.xap',
//silverlight文件地址
filters: {
max_file_size: '500kb',
//最大上传文件大小(格式100b, 10kb, 10mb, 1gb)
mime_types: [ //允许文件上传类型
{
title: "files",
extensions: "jpg,png,gif"
}]
},
multi_selection: true,
//true:ctrl多文件上传, false 单文件上传
init: {
FilesAdded: function(up, files) { //文件上传前
if ($("#ul_pics").children("li").length > 30) {
alert("您上传的图片太多了!");
uploader.destroy();
} else {
var li = '';
plupload.each(files,
function(file) { //遍历文件
li += "<li id='" + file['id'] + "'><div class='progress'><span class='bar'></span><span class='percent'>0%</span></div></li>";
});
$("#ul_pics").append(li);
uploader.start();
}
},
UploadProgress: function(up, file) { //上传中,显示进度条
$("#" + file.id).find('.bar').css({
"width": file.percent + "%"
}).find(".percent").text(file.percent + "%");
},
FileUploaded: function(up, file, info) { //文件上传成功的时候触发
var data = JSON.parse(info.response);
$("#" + file.id).html("<div class='img'><img src='" + data.pic + "'/></div><p>" + data.name + "</p>");
},
Error: function(up, err) { //上传出错的时候触发
alert(err.message);
}
}
});
uploader.init();

3. ajax能上传图片吗

有一个ajaxfileupload的组件 ajaxfileupload.js,可以异步上传文件。

4. asp.net 用Ajax上传多张图片

建议使用jquery的上传插件:jquery.multfile.js,非常方便~可以到相关网站上看下,真的很简单~
网站:http://www.fyneworks.com/jquery/multiple-file-upload/

5. 老师你好,我是小白一个,asp.net表单的图片上传跟其内容怎么一起用ajax提交进数据库

asp.net表单的图片上传跟其内容怎么一起用ajax提交进数据库!
图片可以存储是二进制或者是图片地址的形式

6. ASP.NET 用AJAX在页面上传头像,不能异步刷新

上传控件不能放在updatepanel里面,因为把上传控件放在里面的话,在后台是不能取到上传控件的值。现在很多上传的实现有用到iframe或者采用一种flash+js实现的方式。具体的内容你可以到网上搜索的到。

7. ajax自动上传图片

上传的话,你做一个隐藏控件。用onchange事件进行监听。然后form表单提交到一个iframe中处理就可以了。根本不用ajax。上传完了以后再iframe中向上层写一个值,表示上传完成,或者直接写上传地址。然后再提交就可以了。

8. ajax上传图片,C#编写的webserbice接收,无法上传

不是这样上传的,你就传个图片路径服务器怎么能获取到客户端的文件?
如果需要ajax异步上传图片,有两种解决方案,
一、采用HTML5的FileReader的readAsDataURL获取图片的base64编码,获取出来是一个字符串,把这个字符串上传到服务器,服务器接收到采用Convert.FromBase64String获取图片byte数组,再转换成图片格式保存。
二、使用隐藏form表单和隐藏iframe,将form的target属性设置为iframe的name,在from表单里放一个file控件,用它选择图片,然后提交form表单,后台接收到图片保存,返回一段js代码,类似window.parent.uploadCallback({"state":1,"url":"你保存图片的路径"});,然后在页面写一个function uploadCallback(result){//处理回调}
不知道有没有更好的解决办法,我用过的就这两种,感觉都挺好用。

9. ASP.NET后台如何获取Ajax上传的base64图像数据

这个不是 Base64是文件流、
在 Request.Files["file"] 里面。它可以使用索引,以及 key 名获取。
如果不是 WebForm 窗体框架 你可以使用以下获取 ;
包括MVC / WebApi
HttpContext.Current.Request.Files

10. ajax 上传图片怎么获取

我们以创建产品时,上传产品主图为例,先来演示一下效果,首先是在用户界面上出现一个input file元素,用户点击时,可以选择一个图片

点击打开之后,后台开始异步上传图片数据到服务器,同时加载动态图片显示

3
图片数据传输完毕,后台返回上传好的图片的路径,然后显示出刚刚上传好的图片,同时加载按钮消失

热点内容
java返回this 发布:2025-10-20 08:28:16 浏览:712
制作脚本网站 发布:2025-10-20 08:17:34 浏览:974
python中的init方法 发布:2025-10-20 08:17:33 浏览:686
图案密码什么意思 发布:2025-10-20 08:16:56 浏览:837
怎么清理微信视频缓存 发布:2025-10-20 08:12:37 浏览:743
c语言编译器怎么看执行过程 发布:2025-10-20 08:00:32 浏览:1085
邮箱如何填写发信服务器 发布:2025-10-20 07:45:27 浏览:314
shell脚本入门案例 发布:2025-10-20 07:44:45 浏览:194
怎么上传照片浏览上传 发布:2025-10-20 07:44:03 浏览:882
python股票数据获取 发布:2025-10-20 07:39:44 浏览:840