多圖上傳預覽
A. 微信編輯器怎麼使用
首先打開微信編輯器，編輯器共分為三個模塊：素材區、編輯區和常用功能區
素材區用來挑選和使用需要的微信公眾號圖文素材，如標題、圖文、正文、引導再看等等
編輯區可以用來處理文字，設置行間距、段間距、對齊方式、素材編輯等等
功能區主要包含復制全文、公眾號文章導入（採集），圖片上傳、預覽、生成永久鏈接、同步公眾號等功能。
微信編輯器使用方法也很簡單，將圖文放到編輯區，選中需要排版美化的部分，點擊喜歡的素材即可，排版完成後可以點擊功能區【復制全文】將內容完整的復制下來，再到微信公眾平台新建群發、粘貼就可以了；
微信編輯器里還包含預覽功能，支持手機端預覽，更直觀的查看排版效果~
B. 求類似百度圖片的上傳控制項，項目想做到百度圖片裡面的圖片上傳效果，多圖可預覽上傳，最好有demo
照片傳網路空間網友即網路圖片搜索照片關鍵詞看
進入網路圖片→右登錄→登錄右我相冊→右傳照片按提示照片傳網路空間即
或直接點擊頁面右空間→左邊相冊→傳照片
提示：照片傳相冊立刻搜索需要幾
首先作品拍照傳計算機或者掃描計算機另外要立網路空間賬號
基礎操作：
、傳自空間相冊
1.建立自網路空間相冊→＂我相冊＂點擊創建新相冊建需要傳網路圖片圖片相冊相冊名稱自定瀏覽許可權公
2.打新建圖片相冊點擊傳新照片需要傳圖片傳新建相冊
圖片要求超3M實際插入圖片要超2M並且.jpg、.gif、.png或.bmp格式
3.完新建相冊前相冊界面看剛才傳圖片縮略圖點擊放放點擊查看原圖觀看實際像素圖片
想照片傳網路空間相冊注意幾點：
相冊名稱關鍵眾化名稱或專業名稱美、計算機組合詞要眾化美、計算機教育組合詞用更關鍵圖片排名影響較今網路圖片搜索基本依據類名稱鏈接
完傳新建相冊前相冊界面點擊右角享相冊新界面需打鉤同轉載我博客（增加機率）享理由填點擊享OK
於我標簽詞要根據傳照片所屬性質設定設定功率高
傳圖片要三星期才能網路圖片用定相冊名稱搜索耐等
二、答網路知道需要圖片加輔助說明選擇插入圖片按鈕（二級及用戶登錄插入圖片）
您能傳本電腦圖片於網圖片先載本後再進行傳
傳圖片格式限於JPG、GIF、PNGBMP3M
點擊提問或答頁面輸入框邊傳圖片／插入圖片→瀏覽→選擇圖片→ 確定
圖片傳立即顯示才能看 且問題能傳張照片
於網路知道級新手圖片放自網路相冊網路提問輔助說明給圖片鏈接
C. 如何用javascript寫這種多圖上傳的效果，
很簡單，一個大容器 ul，每個圖片項目是一個 li，li 裡面有一個 img 標簽放圖片。最後一個設置一個特殊類，比如 upload_button，還要添加一個 file 控制項，設置一下隱藏。上傳按鈕添加 click 事件，觸發 file 控制項的 click 事件，這樣 file 控制項就可以使用了，然後設置 file 控制項的 change 事件，當選擇多個圖片點確定後，就通過 files 數組獲取文件對象列表。接著用循環語錄處理圖片文件對象，創建一個 FileReader 對象，設置 onload 事件，因為文件讀取是非同步操作，onload 事件可以通過 this.result 獲取圖像數據，創建一個 li 和 img ，img 的 src 屬性設置這個值，整個li插入到上傳按鈕之前，最後執行 oFileReader.readAsDataUri(files[0]) 就可以執行讀取操作了。
D. 新浪微博發圖片的時候如何進行多圖上傳
新浪微博發圖片的時候假如想要進行多圖上傳，您只需要在發布框點擊圖片，在上傳圖片中選擇多圖上傳，點開之後會出現上傳圖片的頁面，您可以上傳您要發布的微博圖片，同時您還可以根據自己的愛好對圖片進行編輯處理。
E. 微信公眾號/訂閱號怎麼發無縫多圖
1、登陸微信公眾平台，進來這個界面後，在左側欄的目錄找到「素材管理」並點擊。
8、用同樣的方法我們可以增加至最多8個圖文。
9、最下面有「保存」、「預覽」、「保存並群發」三個按鈕，如果要發布則點「保存並群發」按鈕。
F. ASP.NET圖片上傳預覽
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<div>
<asp:FileUpload ID="FileUpload1" runat="server" />
<span style="font-size: 12px; color: Red;">*</span>
<asp:Button ID="Button1" runat="server" Text="上傳" OnClick="Button1_Click" /><span style="color:Red; font-size:12px;">多圖上傳（三張）</span>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
</asp:UpdatePanel>
</div
protected void Button1_Click(object sender, EventArgs e)
{
string fileurl = UpFiles(FileUpload1);
Session["propic"] = Session["propic"] + fileurl + ",";
///顯示圖片
string str = Session["propic"].ToString();
string[] temp = str.Split(new string[] { "," }, StringSplitOptions.RemoveEmptyEntries);
for (int i = 0; i < temp.Length; i++)
{
Image img = new Image();
img.ID = "img" + i;
img.ImageUrl = "~/upfiles/" + temp[i];
img.Width = 50;
img.Height = 50;
img.BorderWidth = 1;
UpdatePanel1.ContentTemplateContainer.Controls.Add(img);
}
}
/// <summary>
/// 上傳
/// </summary>
/// <param name="fileuploadname"></param>
/// <returns></returns>
public string UpFiles(FileUpload fileuploadname)
{
string fullname = fileuploadname.FileName.ToString();//這個屬性是以前2003沒有的，也許是我沒注意看，反正現在我才第一次用！直接取得文件名
string url = fileuploadname.PostedFile.FileName.ToString();//這個是以前2003用的，先取得全部的上傳文件路徑個名字，然後再利用SubString方法來得到用戶名，現在看來是沒有必要了
string typ = fileuploadname.PostedFile.ContentType.ToString();//獲取文件MIME內容類型
string typ2 = fullname.Substring(fullname.LastIndexOf(".") + 1);//獲取文件名字 . 後面的字元作為文件類型
string size = fileuploadname.PostedFile.ContentLength.ToString();
string filename = "";
//下面是保存了，我們來個判斷，只能上穿傳那些文件吧
if (typ2 == "gif" || typ2 == "jpg" || typ2 == "bmp" || typ2 == "png")
{
filename = fullname;
fileuploadname.SaveAs(Server.MapPath("~/upfiles") + "\\" + filename);//將文件保存在跟目錄的UP文件夾下
}
else
{
Response.Write("<script>alert('文件類型不正確!');document.location.href='add.aspx'</script>");
}
return filename;
}
G. 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();
H. ASP 如何進行多圖上傳
如果你懂一張圖片上傳，就很容易解決的。
上傳多張圖片，你多放幾個上傳的框，提交那頁的代碼，有個地方寫著的上傳的那條語句，你有幾個框，就復制幾個那條語句，就可以上傳上去了。
I. ueditor編輯器多圖上傳為什麼順序打亂了
我上一個版本用的是ueditor1.3.6，自從1.4.2版以後，「前端上傳模塊統一改用webuploader」，ueditor在多圖上傳一直考慮漏掉了圖片順序的問題。
我的網站在用戶上傳圖片文章的時候，使用多圖上傳，點確認後，編輯框內的圖片順序是亂的。
看webuploader的問題在於多線程上傳，ueditor對「uploadSuccess」的處理是上傳成功一張，就加入到數組中，這樣如果圖片上傳完成順序是亂的，最終加入文本框的順序也亂了。
我這里修改了一下js，供大家參考，希望ueditor能改進這個問題：
vim dialogs/image/image.js
716 uploader.on('uploadSuccess', function (file, ret) {
717 var $file = $('#' + file.id);
718 try {
719 var responseText = (ret._raw || ret),
720 json = utils.str2json(responseText);
721 if (json.state == 'SUCCESS') {
722 _this.imageList[$file.index()] = json; // 按選擇好的文件列表順序存儲
723 $file.append('');
724 } else {
725 $file.find('.error').text(json.state).show();
726 }
727 } catch (e) {
728 $file.find('.error').text(lang.errorServerUpload).show();
729 }
730 });
vim dialogs/attachment/attachment.js
500 uploader.on('uploadSuccess', function (file, ret) {
501 var $file = $('#' + file.id);
502 try {
503 var responseText = (ret._raw || ret),
504 json = utils.str2json(responseText);
505 if (json.state == 'SUCCESS') {
506 _this.fileList[$file.index()] = json;
507 $file.append('');
508 } else {
509 $file.find('.error').text(json.state).show();
510 }
511 } catch (e) {
512 $file.find('.error').text(lang.errorServerUpload).show();
513 }
514 });
vim dialogs/video/video.js
729 uploader.on('uploadSuccess', function (file, ret) {
730 var $file = $('#' + file.id);
731 try {
732 var responseText = (ret._raw || ret),
733 json = utils.str2json(responseText);
734 if (json.state == 'SUCCESS') {
735 uploadVideoList[$file.index()] = {
736 'url': json.url,
737 'type': json.type,
738 'original':json.original
739 };
740 $file.append('');
741 } else {
742 $file.find('.error').text(json.state).show();
743 }
744 } catch (e) {
745 $file.find('.error').text(lang.errorServerUpload).show();
746 }
747 });
如上，都使用了$file.index()作為數組下標，可以保證圖片上傳後順序是按照用戶選擇圖片以後，加入到預覽窗口的順序。