上传图片回显
⑴ 异步上传图片,怎么实现表单提交,不刷新页面,并且回显图片
你这是要用AJAX啊。
用JQUERY会方便一点。如果要用原生的js.
var xmlHttp=new XMLHttpRequest();
xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
然后你的xmlHttp.open("POST",url);这里必须用POST。
接下来,就是xmlHttp.send(你的数据文件)
我这里是简写了。xmlHttp的生成在IE和其实浏览器下实例化是不一样的。你可以找一下资料。
接下来,就是提交到服务器上去了,你的程序处理保存图片后,生成一个地址后回传给请求的页面。
你再xmlHttp.responseText获取这个地址,就可以回显了。
⑵ 请教bootstrap fileupload编辑时候怎么回显
最近因为项目需要研究了下bootstrapfileinput的使用,来记录下这几天的使用心得吧。 前台html页面的代码 参数2 参数3 参数4 js进行插件的初始化和一些参数的设置 $("#excelFile").fileinput({uploadUrl:"rest/import/importExcel",//上传的地...
⑶ 百度富文本编辑器上传图片不回显
在config.json里面搜“imageUrlPrefix”
在这里添加一下你的项目名
比如我的项目名叫做ssm,修改后如下:
⑷ 百度ueditor 上传图片上传成功 也回显成功 但就是在磁盘上找不到上传成功的图片
多刷新一下
⑸ 前台jsp页面回显图片信息使用什么标签
把图片上传到服务器后,再把服务器上那个图片路径读出来返回到页面,然后把<img>的src属性替换成返回来的图片路径就可以了
⑹ dropzone控件回显多张图片问题
var myDropzone = this;
var mockFile = {
name: filePath, //需要显示给用户的图片名
type: '.gif,.jpg,.png,.jpeg'//图片文件类型
};
myDropzone.addFile.call(myDropzone, mockFile);//添加mock图片到显示区域
myDropzone.options.thumbnail.call(myDropzone, mockFile, filePath);//添加数据源给mock图片
⑺ java 上传图片到CDN 亚马逊服务器上,要回显服务器的图片,问题在这:
SVN在服务器端的存储方式和客户端是不一样的,所以在服务器端是看不到源文件的。服务器端有两种存储方式FSFS和BDB,目前默认都是FSFS。
要导入文件有两种做法:
1、用import指令,将客户端文件夹导入到服务器端
2、先checkout空库到客户端,然后将要导入的文件夹放入客户端checkout产生的空文件夹,然后执行add将这些文件夹纳入SVN控制,最后执行commit上传到服务器
建议用后一种方法,因为前一种方法如果操作失误容易导致文件夹层次混乱
⑻ jquery.uploadify.js怎么改变图片回显的顺序,就是上传的第一张在第一位,最后一个在最后
后台方法:
public JsonResult Handler(string guid, string dir = "Patent")
{
try
{
var filePath = "/Upload/" + dir + "/Img/";
var relativeUrls = new List<string>();
var imageIDs = new List<int>();
foreach (string f in Request.Files)
{
Image image = new Image();
image.Guid = Guid.Parse(guid);
//获取提交的文件
HttpPostedFileBase postFile = Request.Files[f];
if (postFile.ContentLength == 0)
continue;
var fileExtension = Path.GetExtension(postFile.FileName);
if (!Directory.Exists(Server.MapPath(filePath)))
{
Directory.CreateDirectory(Server.MapPath(filePath));
}
var fileName = Guid.NewGuid().ToString("N");
image.Name = fileName;
// 组合文件存储的相对路径
var relativeUrl = filePath + fileName + fileExtension;
image.Url = relativeUrl;
// 将相对路径转换成物理路径
var path = Server.MapPath(relativeUrl);
postFile.SaveAs(path);
imageRepository.Add(image);
imageRepository.Save();
imageIDs.Add(image.ID);
relativeUrls.Add(relativeUrl);
}
return Json(new { state = true, msg = "上传成功", imageUrl = relativeUrls, IDS = imageIDs }, JsonRequestBehavior.DenyGet);
}
catch
{
}
return Json(new { state = false, msg = "上传失败" }, JsonRequestBehavior.DenyGet);
}
//上传图片
$("#fileuploader").uploadFile({
url: '@Url.Content("~/Upload/Handler?guid=")' + patentGuid,
dragDrop: false,
fileName: "file",
showProgress: false,
onSuccess: function (files, response, xhr) {
if (response.state) {
$(".am-u-sm-9 .ajax-file-upload-statusbar").remove();
//按顺序展示你的图片
addImg(response.imageUrl, response.ID);
} else {
alert(response.msg);
}
}
});
⑼ 照片回显失败需要重新上传吗
如果你上传的照片显示失败了。当然是需要重新上传,才能够被正常显示。如果不重新上传是无法正常显示的。
⑽ ueditor修改图片上传大小限制,还有上传成功后回显的缩略图尺寸
缩略图大少由网站决定。
更多:A2345.(net)