使用Javascript将图像上传到文件夹

Question

在管理面板上，我上传了一些照片和缩略图，在网站上我有一个使用 javascript 构建的数字展示，以便从文件夹中抓取照片并显示它们。 我的问题是：将照片保存在该特定文件夹后如何放置？ 更准确地说...如何将图像上传到我的文件夹中？

if(x.showcase_gallery_type=='image'){
$('#modal-popup .content .slide .context ul').append('<li style="text-align:center;padding-left:5px;"><img src="<?=base_url()?
/resources/media/showcase/image/'+x.showcase_gallery_filename+'" /></li>');

Answer 1

Javascript（使用uploadify 或其他工具）只能处理上传过程的一方面，即发送文件。

要在服务器上接收文件并保存它，您必须使用服务器端技术，如 PHP、ASP.NET、Python 等。

Answer 2

你应该使用uploadify

并在处理程序中（例如在 asp.net 中）您应该使用

Request.File

并使用

SaveAs函数

使用Server.MapPath函数

if (context.Request.Files == null || context.Request.Files.Count == 0) throw new Exception("error reciving file");

var savedFile = context.Server.MapPath(@"~/Pics/Links/") + guid + ".jpg";
resizedImage.Save(savedFile, System.Drawing.Imaging.ImageFormat.Jpeg);

Answer 3

您可以尝试Plupload ，它有多种适合您需求的选项。

如果您需要在上传时显示缩略图，请尝试此操作

http://blueimp.github.com/jQuery-File-Upload/

注意：这不会在 IE 中上传多个文件。