easyui圖片上傳預覽
1. jquery easyui datagrid 單元格里如何顯示圖片。自帶的類似icon-add的也可以。
完基數塵全不能畢清顯示搏禪啊
2. easyui 怎麼同時兼容1.3.4如何使用 filebox
第一步,新建靜態頁面filebox.html,並修改頁面標題為「EasyUI上傳文件控制項」,如下圖所示:
如何利用EasyUI插件中的FileBox設置中文標題
第二步,為了使用EasyUI插件,需要引入EasyUI相關的CSS和javaScript文件,如下圖所示:
如何利用EasyUI插件中的FileBox設置中文標題
第三步,在body標簽元素內插入一個panel和filebox,並設置它們的樣式,接著在其下方插入一個上傳文件的按鈕,如下圖所示:
如何利用EasyUI插件中的FileBox設置中文標題
4
第四步,完成了前三步後,在瀏覽器中進行預覽,這時會看到上傳文件控制項和上傳文件按鈕,如下圖所示:
如何利用EasyUI插件中的FileBox設置中文標題
5
第五步,在jquery初始化函數中添加上傳文件點擊事件,點擊後會將上傳文件插件的英文提示會變成中文,如下圖所示:
如何利用EasyUI插件中的FileBox設置中文標題
3. easyui實現文件上傳
//前台需要參數指定調用一般處理程序里哪個方法
publicstringUploadFile()
{
stringresult="上傳成功";
try{
//接收上傳後的文件
HttpPostedFilefile=Context.Request.Files["imgPath4"];
//獲取文件的保存路徑
stringuploadPath=HttpContext.Current.Server.MapPath("~/_data/Files");
stringfileEx=Path.GetExtension(file.FileName);//文件的格式
stringdtStr=file.FileName.Replace(fileEx,"_")+DateTime.Now.ToString("yyyyMMddhhmmss");
//判斷上傳的文件是否為空
if(file!=null)
{
if(!Directory.Exists(uploadPath))
{
Directory.CreateDirectory(uploadPath);
}
//保存文件
file.SaveAs(HttpContext.Current.Server.MapPath("~/_data/Files/"+dtStr+fileEx));
filePath=HttpContext.Current.Server.MapPath("~/_data/Files/"+dtStr+fileEx);
}
}
catch(Exceptionex)
{
result="上傳失敗";
}
returnresult;
}
4. jquery easyUI怎樣實現圖片的上傳
上傳的方法跟一般上傳差不多,只不過提交的時候可以用easyui的form來提交上傳的內容
5. Easyui的easyui-filebox有人知道是否支持 多文件上傳嗎
easyui-filebox 只是一個UI的插件(其實還是INPUT標簽),它不是上傳組件,所有就不存在是否支持多文件上大旅傳,你要想一次上傳多個文件,可以設置多個easyui-filebox。
拓展
EasyUI+SpringMVC 單個/多個文件上傳
基本步驟:
按或喊照數據流向來闡述
>>> 頁面提供文件上傳控制項.
>>> contorller端接收頁面傳入的文件流,在這個步驟可以寫入資料庫或者滾團凳放到指定目錄.
>>> 將上傳的返回結果寫回頁面.
6. java 使用 AjaxUpload.js 實現上傳文檔的時候需要注意哪些
ajax是無法提交文件的,所以在上傳圖片並預覽的時候,我們經常使用Ifame的方法實現看似非同步的效果。但是這樣總不是很方便的,AjaxFilleUpload.js對上面的方法進行了一個包裝,使得我們不用去管理Iframe的一系列操作,也不用影響我們的頁面結構,實現非同步的文件提交。
html:
復制代碼 代碼如下:
<input type="file" name="upload" hidden="hidden" id="file_upload" accept=".zip" />
js:
復制代碼 代碼如下:
$.ajaxFileUpload({
url:'${pageContext.request.contextPath}/Manage/BR_restorePic.action', //需要鏈接到伺服器地址
secureuri:false,
fileElementId:'file_upload', //文件選擇框的id屬性
dataType: 'text', //伺服器返回的格式,可以是json、xml
success: function (data, status) //相當於java中try語句塊的用法
{
$('#restoreDialog').html(data);
//alert(data);
},
error: function (data, status, e){ //相當於java中catch語句塊的用法
$('#restoreDialog').html("上傳失敗,請重試");
}
});
這個方法還會出現一個問題,就是input只能使用一次的問題,input第二次的onchange將不會被執行,這應該是與瀏覽器的有關,解決辦法就是替換這個input
像這樣:
復制代碼 代碼如下:
$('#file_upload').replaceWith('<input type="file" name="upload" hidden="hidden" id="file_upload" accept=".zip" />');
7. 上傳圖片後,我想用easyui的dialog或者是window顯示,怎麼寫
用formatter;
{width : '90',title : '頭像',field : 'portrait',
formatter:function(value){
if(value==null||value==""){
return "<img alt='暫無圖片' width='80px' height='80px'src='upload/moren.png'>";
}else{
return "<img alt='暫無圖片' width=80px' height='80px'src='"+value+"'>";
}}},
8. 用easyui做的Java項目,新增二維碼圖片上傳,然後存入項目指定的目錄下。點擊詳情時怎樣顯示二維碼圖片
看啟橘歷這里http://blog.csdn.net/u013628152/article/details/42474927
我就用了這種方法,只要悄搜伍則從資料庫讀取圖片的路徑就可以了
9. easyui怎麼上傳圖片到jsp頁面
上傳,不是應該上傳到伺服器上嗎,你怎麼傳到jsp頁面的;你是想上傳的圖片在jsp上顯示吧