當前位置:首頁 » 文件管理 » ajaxaspnet圖片上傳

ajaxaspnet圖片上傳

發布時間: 2023-02-06 08:55:45

1. 急!ajax上傳圖片,php獲取不到

如何用ajax上傳圖片的話 我會用js把圖片轉成base64 然後在後端在轉回來

2. jquery ajax多圖上傳顯示怎麼寫

首先我們在頁面上放置個上傳按鈕,使用POST提交到ajax.php。#ul_pics 用來顯示上傳完畢後的圖片。
<a class="btn" id="btn">上傳圖片</a> 最大500KB,支持jpg,gif,png格式。
<ul id="ul_pics" class="ul_pics clearfix"></ul>
接著,載入jQuery.js和plupload.full.min.js插件。
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="plupload/plupload.full.min.js"></script>
當點擊按鈕「上傳圖片」後,彈出選擇文件對話框,按 "ctrl" 選擇多圖片上傳。然後調用 uploader.start() 方法,開始上傳。上傳中間過程我們可以用 UploadProgress 方法來顯示文件進度,最後通過 FileUploaded 來顯示對應的圖片。通過瀏覽器控制台,會發現上傳一張圖片,會向後台ajax.php請求一次。
var uploader = new plupload.Uploader({ //創建實例的構造方法
runtimes: 'html5,flash,silverlight,html4',
//上傳插件初始化選用那種方式的優先順序順序
browse_button: 'btn',
// 上傳按鈕
url: "ajax.php",
//遠程上傳地址
flash_swf_url: 'plupload/Moxie.swf',
//flash文件地址
silverlight_xap_url: 'plupload/Moxie.xap',
//silverlight文件地址
filters: {
max_file_size: '500kb',
//最大上傳文件大小(格式100b, 10kb, 10mb, 1gb)
mime_types: [ //允許文件上傳類型
{
title: "files",
extensions: "jpg,png,gif"
}]
},
multi_selection: true,
//true:ctrl多文件上傳, false 單文件上傳
init: {
FilesAdded: function(up, files) { //文件上傳前
if ($("#ul_pics").children("li").length > 30) {
alert("您上傳的圖片太多了!");
uploader.destroy();
} else {
var li = '';
plupload.each(files,
function(file) { //遍歷文件
li += "<li id='" + file['id'] + "'><div class='progress'><span class='bar'></span><span class='percent'>0%</span></div></li>";
});
$("#ul_pics").append(li);
uploader.start();
}
},
UploadProgress: function(up, file) { //上傳中,顯示進度條
$("#" + file.id).find('.bar').css({
"width": file.percent + "%"
}).find(".percent").text(file.percent + "%");
},
FileUploaded: function(up, file, info) { //文件上傳成功的時候觸發
var data = JSON.parse(info.response);
$("#" + file.id).html("<div class='img'><img src='" + data.pic + "'/></div><p>" + data.name + "</p>");
},
Error: function(up, err) { //上傳出錯的時候觸發
alert(err.message);
}
}
});
uploader.init();

3. ajax能上傳圖片嗎

有一個ajaxfileupload的組件 ajaxfileupload.js,可以非同步上傳文件。

4. asp.net 用Ajax上傳多張圖片

建議使用jquery的上傳插件:jquery.multfile.js,非常方便~可以到相關網站上看下,真的很簡單~
網站:http://www.fyneworks.com/jquery/multiple-file-upload/

5. 老師你好,我是小白一個,asp.net表單的圖片上傳跟其內容怎麼一起用ajax提交進資料庫

asp.net表單的圖片上傳跟其內容怎麼一起用ajax提交進資料庫!
圖片可以存儲是二進制或者是圖片地址的形式

6. ASP.NET 用AJAX在頁面上傳頭像,不能非同步刷新

上傳控制項不能放在updatepanel裡面,因為把上傳控制項放在裡面的話,在後台是不能取到上傳控制項的值。現在很多上傳的實現有用到iframe或者採用一種flash+js實現的方式。具體的內容你可以到網上搜索的到。

7. ajax自動上傳圖片

上傳的話,你做一個隱藏控制項。用onchange事件進行監聽。然後form表單提交到一個iframe中處理就可以了。根本不用ajax。上傳完了以後再iframe中向上層寫一個值,表示上傳完成,或者直接寫上傳地址。然後再提交就可以了。

8. ajax上傳圖片,C#編寫的webserbice接收,無法上傳

不是這樣上傳的,你就傳個圖片路徑伺服器怎麼能獲取到客戶端的文件?
如果需要ajax非同步上傳圖片,有兩種解決方案,
一、採用HTML5的FileReader的readAsDataURL獲取圖片的base64編碼,獲取出來是一個字元串,把這個字元串上傳到伺服器,伺服器接收到採用Convert.FromBase64String獲取圖片byte數組,再轉換成圖片格式保存。
二、使用隱藏form表單和隱藏iframe,將form的target屬性設置為iframe的name,在from表單里放一個file控制項,用它選擇圖片,然後提交form表單,後台接收到圖片保存,返回一段js代碼,類似window.parent.uploadCallback({"state":1,"url":"你保存圖片的路徑"});,然後在頁面寫一個function uploadCallback(result){//處理回調}
不知道有沒有更好的解決辦法,我用過的就這兩種,感覺都挺好用。

9. ASP.NET後台如何獲取Ajax上傳的base64圖像數據

這個不是 Base64是文件流、
在 Request.Files["file"] 裡面。它可以使用索引,以及 key 名獲取。
如果不是 WebForm 窗體框架 你可以使用以下獲取 ;
包括MVC / WebApi
HttpContext.Current.Request.Files

10. ajax 上傳圖片怎麼獲取

我們以創建產品時,上傳產品主圖為例,先來演示一下效果,首先是在用戶界面上出現一個input file元素,用戶點擊時,可以選擇一個圖片

點擊打開之後,後台開始非同步上傳圖片數據到伺服器,同時載入動態圖片顯示

3
圖片數據傳輸完畢,後台返回上傳好的圖片的路徑,然後顯示出剛剛上傳好的圖片,同時載入按鈕消失

熱點內容
java返回this 發布:2025-10-20 08:28:16 瀏覽:712
製作腳本網站 發布:2025-10-20 08:17:34 瀏覽:974
python中的init方法 發布:2025-10-20 08:17:33 瀏覽:686
圖案密碼什麼意思 發布:2025-10-20 08:16:56 瀏覽:837
怎麼清理微信視頻緩存 發布:2025-10-20 08:12:37 瀏覽:744
c語言編譯器怎麼看執行過程 發布:2025-10-20 08:00:32 瀏覽:1085
郵箱如何填寫發信伺服器 發布:2025-10-20 07:45:27 瀏覽:314
shell腳本入門案例 發布:2025-10-20 07:44:45 瀏覽:194
怎麼上傳照片瀏覽上傳 發布:2025-10-20 07:44:03 瀏覽:882
python股票數據獲取 發布:2025-10-20 07:39:44 瀏覽:840