上傳圖片回顯
⑴ 非同步上傳圖片,怎麼實現表單提交,不刷新頁面,並且回顯圖片
你這是要用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)