使用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 中上傳多個文件。