❶ Ｃ#在Ｗeb設計中，如何實現上傳圖片預覽
就新建一個上傳窗口咯，裡面此純選擇文件旁邊的picturbox就根據fileupload選擇的文件顯示圖碰扒螞片，最後點擊確認上傳按笑埋鈕嘛！
❷ 亞馬遜怎麼提前預覽上傳圖片效果
亞馬遜提前預覽上傳圖片效果：
1、打開谷歌網上應用店，查找該插件並安裝到谷脊蔽歌瀏覽器。
2、打開前此野搜台搜索競品關鍵詞，打開插件上傳圖片，填寫入標題，評論數還森歷有售價，挑選一個你需要展示的位置。
3、點擊測試，就可以將你的產品展示在前台頁面。
❸ PHP怎樣上傳圖片以及預覽圖片
本地圖片，就搞個img，設置他的src就可以實現；
參考如下：
<div class="column " style="width: 400px; margin-left: 200px;" id="imageShow">
<div id="proctImageNew">@*用於圖片預覽*@
</div>
<div id="proctImage">
<div class="widget the-common-margin-top" style="height: 400px; border: 1px solid #eeeeee;
padding: 3px;">
<img id="imgHolder" style="max-height: 390px; max-width: 390px;" />
</div>
</div>
</div>
<form id="formImageUpload" name="formImageUpload" method="post" action="/DocTeam/ProctsImage/UploadImage"
enctype="multipart/form-data">
<div id="fileDiv">
<input type="file" id="theFile" name="theFile" size="20" style="cursor: pointer;
width: 65px; height: 60px; position: absolute; filter: alpha(opacity:1); -moz-opacity: 0;
opacity: 0; z-index: 102;" />
</div>
<input type="hidden" name="imageId_hide" id="imageId_hide" />
</form>
<div id="cover" style="position: absolute; background-color: White; z-index: 10;
filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; overflow: auto; width: 400px;">
<input id="selectImage" type="button" style="width: 65px; height: 60px;" value="Select" />
<br />
<br />
<input type="button" value="Upload" id="imageUpload" style="width: 65px; height: 60px;"
disabled="disabled" onclick="javascript:uploadImage();" />
</div>
//js本地圖片預覽，兼容ie[6-9]、火狐、Chrome17+、Opera11+、Maxthon3
function PreviewImage(fileObj, imgPreviewId, divPreviewId) {
var allowExtention = ".jpg,.bmp,.gif,.png"; //允許上傳文件的後綴名document.getElementById("hfAllowPicSuffix").value;
var extention = fileObj.value.substring(fileObj.value.lastIndexOf(".") + 1).toLowerCase();
var browserVersion = window.navigator.userAgent.toUpperCase();
if (allowExtention.indexOf(extention) > -1) {
if (fileObj.files) {//HTML5實現預覽，兼容chrome、火狐7+等
if (window.FileReader) {
var reader = new FileReader();
reader.onload = function (e) {
document.getElementById(imgPreviewId).setAttribute("src", e.target.result);
}
reader.readAsDataURL(fileObj.files[0]);
} else if (browserVersion.indexOf("SAFARI") > -1) {
alert("不支持Safari6.0以下瀏覽器的圖片預覽!");
}
} else if (browserVersion.indexOf("MSIE") > -1) {
if (browserVersion.indexOf("MSIE 6") > -1) {//ie6
document.getElementById(imgPreviewId).setAttribute("src", fileObj.value);
} else {//ie[7-9]
fileObj.select();
if (browserVersion.indexOf("MSIE 9") > -1)
fileObj.blur(); //不加上document.selection.createRange().text在ie9會拒絕訪問
var newPreview = document.getElementById(divPreviewId + "New");
if (newPreview == null) {
newPreview = document.createElement("div");
newPreview.setAttribute("id", divPreviewId + "New");
}
var a = document.selection.createRange().text;
// newPreview.style.width = document.getElementById(imgPreviewId).width + "px";
// newPreview.style.height = document.getElementById(imgPreviewId).height + "px";
//newPreview.style.width = 390 + "px";
newPreview.style.height = 390 + "px";
newPreview.style.border = "solid 1px #eeeeee";
newPreview.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale',src='" + document.selection.createRange().text + "')";
var tempDivPreview = document.getElementById(divPreviewId);
// tempDivPreview.parentNode.insertBefore(newPreview, tempDivPreview);
newPreview.style.display = "block";
tempDivPreview.style.display = "none";
}
} else if (browserVersion.indexOf("FIREFOX") > -1) {//firefox
var firefoxVersion = parseFloat(browserVersion.toLowerCase().match(/firefox\/([\d.]+)/)[1]);
if (firefoxVersion < 7) {//firefox7以下版本
document.getElementById(imgPreviewId).setAttribute("src", fileObj.files[0].getAsDataURL());
} else {//firefox7.0+
document.getElementById(imgPreviewId).setAttribute("src", window.URL.createObjectURL(fileObj.files[0]));
}
} else {
document.getElementById(imgPreviewId).setAttribute("src", fileObj.value);
}
} else {
alert("僅支持" + allowExtention + "為後綴名的文件!");
fileObj.value = ""; //清空選中文件
if (browserVersion.indexOf("MSIE") > -1) {
fileObj.select();
document.selection.clear();
}
fileObj.outerHTML = fileObj.outerHTML;
}
}
function setTheFileButton_Cover_SelectImageButton() {
// debugger;
// var position = $("#selectImage", "#cover").position();
// var css = { top: position.top, left: position.left };
// $("#theFile", "#fileDiv").css(css);
}
var $imgHolder = $('#imgHolder', "#proctImage");
var tempDiv = $("#temp_div");
$("#select", "#cover").click(function () {
$("#theFile", "#fileDiv").click().select();
});
$("#theFile", "#fileDiv").click(function () {
$(this).blur();
});
$("#theFile", "#fileDiv").change(function () {
PreviewImage(this, 'imgHolder', 'proctImage');
setTheFileButton_Cover_SelectImageButton();
// alert("預覽已生成!");
$("#imageUpload").prop("disabled", false);
});
❹ 在淘寶網上傳圖片的時怎麼沒有預覽選項，我該怎樣傳圖片上去
用高速上傳就可以看到預覽了
❺ 如何上傳圖片到網上
先存到你電腦某個文件夾，並記住它的名稱。鋒稿乎再打開要傳的網頁，例如網路空間相冊，按相冊上傳的要求點本地上傳銀悉，再點預覽，找到你的存放處，打敬鬧開，即可上傳。其他網頁大體相同。有問題可給我空間留言。
❻ 上傳第一行規格預覽圖怎麼弄
上傳第一行規格預覽圖的弄法：嘩鏈
1、預覽圖組件開啟允許被設置動態數據。
2、選中預覽圖組件。
3、點擊展開知蘆巧檢查器面板。
4、點擊展開數據綁定及設置面板。
5、開啟允許被設置動態數據開關。
6、創建設置值觸發器。
7、選中文件上傳組件，點擊展開檢查器面板。
8、點擊展開觸發器面板。
9、點擊點擊加搭鍵號按鈕創建觸發器，完成上傳。配置觸發器。
❼ 網上如何上傳圖片
問題一：怎麼往公司網站上傳照片 因為你復制的 是網路上已經存在的文件 有現成的網址鏈接
你本地的文件沒有在網路上存在
所以需要用添加圖片 上傳的方式保存
問題二：怎麼上傳照片到網上 網路中上傳圖片可以傳到知道和空間,具體步驟參見:
網路知道
圖片上傳步驟為：
步驟一:准備圖片
在上傳圖片前，您需要在電腦上准備好圖片。如果是網上的圖片，需要先將圖片存到電腦上。
操作為將滑鼠移至圖片上，點擊滑鼠右鍵，選擇「圖像另存為」，請記住圖片的存放路徑。
步驟二:上傳圖片
圖片准備好後，點擊提問頁面或者回答頁面的「上傳圖片」鏈接，在彈出的小窗口中點擊「瀏覽」，選擇圖片後點擊「確定」就可以完成圖片的上傳。
請注意：
1.二級及以上用戶登錄後可以上傳圖片.
2.您只能上傳本地電腦中的圖片，對於網上的圖片，可以先下載到本地，然後再進行上傳。
3.可上傳的圖片格式將限於JPG、GIF、PNG和BMP，最大為3M。
4.為了保證圖片在頁面的顯示效果，網路知道會自動將圖片進行等比壓縮，所以請盡量選擇長寬相近的圖片。
5.如果圖片與您所提交的內容不相關，將會被刪除。
/search/_help
----------------------------------------------------------------------------------------------------
在網路圖片搜索中能搜到的圖片是在空間相冊中的圖片.
要在空間相冊添加圖片,請依次操作:首先登陸網路空間--我的相冊--添加圖片,打開一個網頁,按照提示操作即可,非常簡單,一次最多可上傳6張照片,注意填寫關鍵詞,這有利於別人在網路中搜到.
亦可參見網路官方關於上傳圖片的說明,
----------------------------------------------------------------------------------------------------
網路空間上傳圖片:
一般用戶可擁有1G的上傳空間。
上傳照片：點擊「相冊列表」右側「上傳新照片」。
一次最多可上傳6張照片，每張照片大小為小於3M；
照片格式為：JPG、GIF、PNG、BMP。
可以選擇將照片放入某個相冊。
也可以臨時創建新的相冊。
創建新相冊：點擊「相冊列表」右側「創建新相冊」。
填寫「相冊名稱」、「簡介」選擇「瀏覽許可權」後新相冊創建成功。
=====================================================================
沒有網路空間請先創建,創建網路空間很簡單,具體步驟和注意事項:
若您沒有網路帳號，請在「網路空間」主頁(hi./)點擊「立即注冊並創建我的空間」(頁面右上部分)按照說明進行注冊。 若您有網路帳號，請在登錄框中輸入您的用戶名及密碼，進行空間激活。
登錄注冊後為您的空間指定唯一的網址：
該網址為指定的唯一網址；
只允許漢字、字母、數字和下劃線；
一旦申請成功即不可更改。
填寫空間名稱（最多為40個漢字），您可以在以後更改此標題。（詳情參見......>>
問題三：怎樣上傳圖片到網上去 讓大家都可以搜索的我的圖片 把你的照片先上傳到你的網路空間，沒有網路空間就申請一個，然後把照片重新命名，也就是寫上你注的名字，成功。三天後在網路圖片搜索里，輸入你注的名字，就能找到了特別補充： 上傳之前要把圖片取名字。最好不要取大眾名字，那樣搜索後會有很多同名圖，就看不到你的圖了（會把你的圖放在哪頁都不知道，只能一頁一頁找，太麻煩）。 幫助方法： 比如是姚明的圖加：姚明 還有在圖片描述里也可以加描述，讓網路更好的收錄. 發到網路空間里 有可能被網路抓取到. 有時可能沒有抓取，有可能要網路更新後才會抓取. 看不到上傳的圖片？一般圖片上傳以後，是得等上幾天的。最常見的是等3天，一般般現象是等1天。實在等了太長時間，你就得再取別的名字上傳試試。有時候不一定來觀看你的圖片上傳申請。 43 回答者： 近夜有雨不私
問題四：怎樣把自己的照片傳到網路網上 你好！
點擊【空間】→【我的主頁】→【相冊】→【上傳新相片】，這樣將自己的相片上傳之後，最好給相片命名。這樣網路就可以抓取您的相片並在搜索結果中顯示出來了。如果暫時沒有顯示的話，請等待一些時間，網路抓取還需要時間。建議多上傳幾張並命名，這樣就可以搜索到了。
問題五：怎樣上傳自己的圖片到網上並怎樣能找到？ 就是自己要上傳圖片到網上而且找到。 你現在這個網路賬號，登陸以後打開網路空間，裡面有相冊功能，上傳就可以，上傳完了每個圖片都有一個連接地址，打開連接地址就能看到圖片
問題六：怎麼在網上報名上傳照片 上傳照片的基本要求為：清晰、無變形、近期正面免冠證件照（紅、藍、白底），寬度約為130像素，高度約為160像素，寬高比例為1.3：1.6左右，近期正面免冠1寸證件照，jpg格式，30kb以下。
1、照片獲取方法：您可以到照相館拍攝數碼證件照，最好要求技術人員幫你處理一張符合上傳要求的照片，然後用軟盤或者U盤等其他移動存儲設備拷貝一份電子照片再進行網上上傳；也可以通過掃描儀掃描自己已有的證件照片，轉換成電子照片信息，再上網按要求處理。
2、數碼相機採集的照片應符合VGA或E_mail等低像素格式
3、考生上傳照片為本人近期免冠正面證件照。
4、考生注意上傳照片質量，請上傳符合系統規定的清晰照片，以便製作準考證及日後使用。
5、從「上傳照片」頁面中點擊「瀏覽」；選中准備好的照片；點擊「上傳照片」。
問題七：圖片怎麼上傳 圖片上傳步驟為：
步驟一:准備圖片
在上傳圖片前，您需要在電腦上准備好圖片。如果是網上的圖片，需要先將圖片存到電腦上。
操作為將滑鼠移至圖片上，點擊滑鼠右鍵，選擇「圖像另存為」，請記住圖片的存放路徑。
步驟二:上傳圖片
圖耽准備好後，點擊提問頁面或者回答頁面的「上傳圖片」鏈接，在彈出的小窗口中點擊「瀏覽」，選擇圖片後點擊「確定」就可以完成圖片的上傳。
請注意：
1.二級及以上用戶登錄後可以上傳圖片.
2.您只能上傳本地電腦中的圖片，對於網上的圖片，可以先下載到本地，然後再進行上傳。
3.可上傳的圖片格式將限於JPG、GIF、PNG和BMP，最大為3M。
4.為了保證圖片在頁面的顯示效果，網路知道會自動將圖片進行等比壓縮，所以請盡量選擇長寬相近的圖片。
5.如果圖片與您所提交的內容不相關，將會被刪除。
問題八：如何將圖片傳到QQ網上 登陸QQ，點擊主面板上面QQ空間圖標，就是那個金色的小五星，進入QQ空間，點擊QQ空間上面相冊字樣錠進入QQ相冊，點擊上傳照片，在更新的頁面上點擊添加照片，根據彈出窗口，選擇你需要上傳的照片，點擊上傳，上傳完成請點擊完成，沒有一次性上傳全部照片，請點擊繼續，繼續上傳，然後點擊完成即可。
問題九：怎麼把現實中的照片上傳到網上？ 有幾種方式 你看下：
1.找有掃描儀的地方掃描到電腦上 然後注冊一個網路相冊 即可上傳
2.找數碼相機把照片固定平整，注意好光感拍下來，然後上傳到電腦上的網路相冊。
3.有讀卡器的手機或可以接電腦數據線的手機也可嘗試拍照。
（推介：掃描儀是常用的，像素不受相機和手機的約束，可去婚紗影樓或小型照相館詢問，需要自己准備一個U盤，不貴，1G差不多40-80RMB之間，可作自己長期的數碼相片存放器）
嘿 信息時代 准備上一個個人U盤 無礙.希望你上傳滿意，成功。
❽ php 圖片上傳預覽功能怎麼實現
<form action="" method="post" enctype="multipart/form-data" name="form1" id="form1">
<input type="file" name="物碼運fileField" id="fileField" />
<input type="submit" name="submit" id="submit" value="提交" />
</form>
<?php
if($_POST["submit"])
{
$file_gai = $_FILES["fileField"];$filename_gai=$file_gai["tmp_name"];
$destination = basename($file_gai["name"]);
if(!move_uploaded_file ($filename_gai, $destination))
{
echo "<font color='red'>移動文件出錯！</a>";
}else{
echo ("<script>模岩location.href='?file=".urlencode($destination)."'</script>");
}
}if($_GET["罩梁file"])
{
echo "<img src='".urldecode($_GET["file"])."'>";
}
?>
❾ 怎麼實現圖片上傳前預覽功能呢
預覽圖片
預覽功能的基本設計思路：創建一個img元素，再把文件域的value值賦值給img元素的src屬性。
<form name="form4" id="form4" method="post" action="#">
<input type="file" name="file4" id="file4" ōnchange="preview4()" />
<img id="pic4" src="" alt="圖片在此顯示" width="120"/>
</form>
<scrīpt type="text/javascrīpt">
function preview4(){
var x = document.getElementById("file4");
var y = document.getElementById("pic4");
if(!x || !x.value || !y)
return;
var patn = /\.jpg$|\.jpeg$|\.gif$/i;
if(patn.test(x.value)){
y.src = "file://localhost/" + x.value;
}
else{ alert("您選擇的似乎不是圖像文件。"); }
}
</scrīpt>
試下效果：
如果你用的是Firefox（或Opera），可能會發現什麼也沒有發生。是的，很不幸Firefox的安全策略不允許我們顯示一個用戶的本地圖像文件。不知道他們為什麼要這么做，我個人覺得圖像文件並不會造成嚴重的安全性問題。即使是不久前比較熱門的那個會引起Windows崩潰的jpeg文件，要顯示它的前提條件是用戶自己選擇了這個文件或者你知道這個文件在用戶硬碟上的准確路徑。所以我想這種策略很可能來自於一個「懶惰」的開發人員，他並不想多寫一些程序來區分這個本地文件是一個圖像文件還是一個惡意文件，Firefox對安全性的要求讓他們有些過於敏感了。
讓Firefox顯示本地文件的唯一辦法就是修改它的默認安全策略：
在Firefox的地址欄中輸入「about:config」
繼續輸入「security.checkloari」
雙擊下面列出來的一行文字，把它的值由true改為false
然後你可以再試試上面預覽，everything works well！可惜的是我們並不能要求所有的用戶都去修改這個值（更不用說修改的過程還挺麻煩），所以這對我們來說毫無意義。我們能做的也許就是接受Firefox不能預覽本地圖片這種「可笑」的局面。
用DOM來創建對象
在上面的XHTML代碼中，我們為了預覽圖片，事先加入了一個沒有設置src的img對象。除去不美觀、代碼冗餘之外，如果用戶瀏覽器不支持Javascrīpt，他不僅無法使用這個功能，還要接受頁面上一個永遠不會顯示出來的破圖。要解決這個問題，我們就需要在「運行時」再生成這個img對象，途徑還是DOM。
<form name="form5" id="form5" method="post" action="#">
<input type="file" name="file5" id="file5" ōnchange="preview5()"/>
</form>
<scrīpt type="text/javascrīpt">
function preview5(){
var x = document.getElementById("file5");
if(!x || !x.value)
return;
var patn = /\.jpg$|\.jpeg$|\.gif$/i;
if(patn.test(x.value)){
var y = document.getElementById("img5");
if(y){ y.src = 'file://localhost/' + x.value; }
else{
var img=document.createElement('img');
img.setAttribute('src','file://localhost/'+x.value);
img.setAttribute('width','120');
img.setAttribute('height','90');
img.setAttribute('id','img5');
document.getElementById('form5').appendChild(img);
}
}
else{ alert("您選擇的似乎不是圖像文件。"); }
}
</scrīpt>
❿ 怎樣把照片發到網上
首先你需要有網路賬號，這個不會的可打開網路後自己注冊登錄，登錄後在網路首頁滑鼠放到賬號那裡，會有一些選項，點擊「個人中心」：
然後再毀逗賣點擊個個中心裡的「相冊」：
進入相冊後看到右側有個「上傳照片」的指做按鈕，點擊：
然後你可以選擇相冊，選擇圖片質量，再選擇自己的圖片：
選擇好纖逗圖片後點擊右下角的「開始上傳」：
上傳後還可以加標簽點擊確定：
注意最近這段時間網路相冊正在打黃，所以只能上傳的圖片私有，但你可以點擊圖片進入預覽模式後再復制圖片地址分享給別人。