jquery本地圖片上傳
❶ 有哪些好用的 jQuery 圖片上傳插件
1、uploadify
它是針對jQuery的免費文件上傳插件,可以輕松將單個或多個文件上傳到網站上,可控制並發上傳的文件數,通過介面參數和CSS控制外觀。Web伺服器需支持flash和後端開發語言。
2、FancyUpload
它是一個由CSS和XHTML編寫樣式的Ajax文件上傳工具,安裝簡便,伺服器獨立,由MooTools模塊驅動,可以在任何現代瀏覽器上使用。
3、Aurigma Upload Suite(Image Uploader)
這是一個不限大小,不限格式的文件/圖片批量上傳工具,是收費控制項。它支持雲端存儲和客戶端文件處理,支持斷點續傳,穩定可靠。從8.0.8開始,Image Uploader將名稱改為"Aurigma Upload Suite"。
❷ 求一段JS或Jquery非同步上傳圖片的代碼
圖片和文件等流媒體 上傳都是靠from表單的提交。
你可以設置一個隱藏的from表單
裡面有個<input id='file' type='file'>
選擇玩圖片之後賦值給file
然後用jquery from表單提交即可
<formid="form"runat="server"enctype="multipart/form-data">
<inputid='file'type='file'>
</from>
$.ajax({
url:'XXXX',//上傳後台路徑
data:$('#form').serialize(),
type:"POST",
success:function(){
}
});
❸ struts2+jquery如何實現點擊「上傳」按鈕,實現從本機選擇圖片,然後自動上傳,類似於上傳證件的那種
Uploadify是JQuery的一個上傳插件,實現的效果非常不錯,帶進度顯示。LZ可以參考下。希望能幫到你!
❹ jquery如何將頁面生成的圖片上傳到伺服器
File Upload組件啊,是同步還是非同步呢
html部分:
<input type="file" name="file" class="webuploader-element-invisible" multiple="multiple" accept="image/*">
文件引入:
<link rel="stylesheet" type="text/css" href="diyUpload/css/diyUpload.css"><script type="text/javascript" src="diyUpload/js/diyUpload.js"></script>
HTML部分:
<div id="demo"> <div id="as" ></div></div>
JS部分:
<script type="text/javascript">
/** 伺服器地址,成功返回,失敗返回參數格式依照jquery.ajax習慣;* 其他參數同WebUploader*/
$('#as').diyUpload({
url:'server/fileupload.php',
success:function( data ) {
console.info( data ); },
error:function( err ) {
console.info( err );
},
buttonText : '選擇文件', chunked:true, // 分片大小
chunkSize:512 * 1024, //最大上傳的文件數量, 總文件大小,單個文件大小(單位位元組);
fileNumLimit:50,
fileSizeLimit:500000 * 1024,
fileSingleSizeLimit:50000 * 1024,
accept: {}});
</script>
❺ js/jquery上傳圖片的問題
你可以使用jquery的一個插件uploadify,官網下載http://www.uploadify.com/
使用示例http://www.cnblogs.com/babycool/archive/2012/08/04/2623137.html
❻ js/jquery如何實現一張圖片的上傳預覽功能。。。。
使用AJAX,把文件保存到臨時目錄,把返回的值(文件路徑),放到頁面上預先添加的<IMG> 標簽中,就可顯示預覽圖片,再點上傳才把文件從臨時目錄(刪除臨時目錄文件)復制到你指定的目錄中
❼ jquery怎麼打開本地圖片預覽,點擊確定後上傳
1, tapmodo / Jcrop
Jcrop是人氣最高的圖片裁剪jQuery插件,stars數量2k+,功能非常豐富,文檔齊全,首選。Github.com官網也使用了這個插件。有一個小細節是,邊框線的螞蟻線是動畫的,真的很用心。
2, fengyuanchen / cropper
Cropper也是一款圖片裁剪jQuery插件,stars數量1k+,是杭州的前端工程師Fengyuan Chen所寫的,功能也相當豐富,裁剪時還可以對原圖進行旋轉。
3, imgAreaSelect 也是比較經典的圖片裁剪jQuery插件,我很久以前就在自己的項目中使用過,stars數量500+。
http://blog.csdn.net/cuixiping/article/details/45966177
❽ 怎麼用jquery或者javascript實現:如圖1的那個按鈕,可以讓上傳或預覽圖片
1、點擊圖1的那個按鈕可以讓用戶選擇上傳的圖片,選擇了一張就在按鈕前面預覽,如果用戶不想上傳某張圖片可以點擊x取消,再點擊上傳按鈕可以接著選擇圖片上傳。
2、設置選擇圖片的按鈕的 click 事件,去觸發 #upload_file 的 click 事件,然後就可以點擊圖片按鈕後,選擇本地圖片文件了。
3、設置上傳按鈕,其實一般手機版網頁是沒有上傳按鈕的,即選擇圖片後就通過 Ajax 上傳圖片了。
❾ 用js、jquery如何實現上傳圖片的預覽
$("#btnLoadPhoto").upload({ url: "../UploadForms/RequestUpload.aspx?action=photo", type: "json", callback: calla });
//獲得表單元素
HttpPostedFile oFile = context.Request.Files[0];
//設置上傳路徑
string strUploadPath = "temp/";
//獲取文件名稱
string fileName = context.Request.Files[0].FileName;
補充:JQuery是繼prototype之後又一個優秀的Javascript庫。它是輕量級的js庫 ,它兼容CSS3,還兼容各種瀏覽器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+),jQuery2.0及後續版本將不再支持IE6/7/8瀏覽器。jQuery使用戶能更方便地處理HTML(標准通用標記語言下的一個應用)、events、實現動畫效果,並且方便地為網站提供AJAX交互。jQuery還有一個比較大的優勢是,它的文檔說明很全,而且各種應用也說得很詳細,同時還有許多成熟的插件可供選擇。jQuery能夠使用戶的html頁面保持代碼和html內容分離,也就是說,不用再在html裡面插入一堆js來調用命令了,只需要定義id即可。