『壹』 點擊上傳圖片沒反應,不是圖片的問題,是瀏覽器,點擊上傳圖片直接沒反應
下載其它瀏覽器試看看,像QQ瀏覽器,或者網路瀏覽器等
『貳』 怎麼通過一個圖片的點擊時間打開一個上傳圖片的路徑
//在圖片上加一個點擊事件,用jquery動態創建file文本框。
$(document).ready(function(){
$('#addattach').live('click',function(){
vartr='<tr><tdwidth=40%colspan=2class=td12><inputtype="file"name="File2"/> 附件顯示名稱:<inputtype="text"name="kkk"/></td></tr>';
$("#insertTableid").append(tr);
});
});
< /script>
『叄』 使用什麼方法設置點擊圖片就可以調用上傳圖片
1、找開電腦,運行qq,然後登錄自己的qq號。
2、點擊qq空間的圖標,進入qq空間。
3、再點擊相冊,進入相冊頁面。
4、點擊上傳照片,進入上傳頁面。
5、這時候再點擊選擇圖片,就進入添加圖片頁面。
6、然後選擇你需要上傳的圖片,再點擊確定,就選擇好圖片了。
7、現在又回到上傳照片的頁面,點擊開始上傳這樣就上傳成功了。
『肆』 人人秀怎麼點擊上傳圖片
以聯想小新padPro11.5英寸電腦、win10專業版以及360安全瀏覽器13版本為例,人人秀裡面上傳圖片可以先登錄進入到該網站。然後找到自己的作品進入,點擊圖片按鈕選擇需要的圖片進行上傳。當圖片上傳成功以後再點擊該圖片即可將其添加到作品。具體操作方法如下:
1、在電腦的網路上輸入人人秀,找到其官方網站以後點擊進入。
『伍』 前端,圖片上傳點擊 input type=file 選擇好了想要上傳的圖片,點擊打開,
你是要傳到伺服器的話那就是後台實現。
如果不傳到伺服器在頁面上不能直接顯示出來,系統有限制。 但是在大部分的手機瀏覽器裡面是可以直接讀取。
例如下面這段直接載入本地選擇的圖片地址,會報錯:Not allowed to load local resource
意思是不允許讀取本地資源。
varfileupload=document.getElementById('upload');
fileupload.onchange=function(event){
varimg=document.createElement('img');
img.src=this.value;
document.body.appendChild(img);
};
『陸』 怎樣用js或者jq實現點擊這個圖片就可以選擇上傳還有預覽圖片啊
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
<script src="jquery-3.1.1.min.js"></script>
</head>
<body>
<h3>請選擇圖片文件:JPG/GIF</h3>
<form name="form0" id="form0" >
<input type="file" name="file0" id="file0" multiple="multiple" />
<br><br><img src="" id="img0" width="120">
</form>
</body>
<script>
$("#file0").change(function(){
var objUrl = getObjectURL(this.files[0]) ;
console.log("objUrl = "+objUrl) ;
if (objUrl)
{
$("#img0").attr("src", objUrl);
$("#img0").removeClass("hide");
}
}) ;
//建立一個可存取到該file的url
function getObjectURL(file)
{
var url = null ;
if (window.createObjectURL!=undefined)
{ // basic
url = window.createObjectURL(file) ;
}
else if (window.URL!=undefined)
{
// mozilla(firefox)
url = window.URL.createObjectURL(file) ;
}
else if (window.webkitURL!=undefined) {
// webkit or chrome
url = window.webkitURL.createObjectURL(file) ;
}
return url ;
}
$('input').on('change',function(){
var value = $(this).val();
value = value.split("\\")[2];
alert(value);
})
</script>
</html>
『柒』 上傳圖片怎麼讓點擊圖片就能打開上傳圖片功能
上傳,之後然後js判斷是否成功 成功就 ajax 請求 訪問那個圖
『捌』 怎樣直接把圖片上傳到網頁上
你好!目前在"網路知道"是不能上傳圖片的,現在還沒有這個功能.至於以後也許會有吧,你的建議很多網友也提到過,讓我們翹目以待吧!
不過,你可以把圖片的相關鏈接上傳到這里.也就是說可以把圖片的網址復制到這里來.
請參考:
http://www..com/search/post_img.html
如何貼圖?
簡述:
在網路貼吧貼圖非常簡單,不過在貼圖之前,首先需要在網上任意找到一張圖片。我們用右面這張圖片舉個例子,接著您只要按照以下三步操作即可完成貼圖。
第一步:
將滑鼠移動到圖片上,點擊滑鼠右鍵,選擇「屬性」。
第二步:
這時會出現一個對話框,在對話框「地址(URL)」一項旁邊,有一段很長的地址。將這段地址「復制」下來。
第三步:
然後將剛剛「復制」的這段(URL)地址「粘貼」在網路貼吧發言區的「圖片鏈接」一項當中,再填好貼子標題和內容,最後點擊「發表貼子」。貼圖成功!
貼圖注意事項
因為網路貼吧不支持硬碟上傳圖片,所以在貼吧當中所貼出的圖片必須是網路上已存在的圖片,而不是電腦硬碟中存儲的圖片。如果您希望將自己電腦中存有的圖片拿到貼吧當中與大家分享,那麼首先要將您電腦中的圖片上傳到其它網站上,獲取一個圖片URL地址後才能粘貼到網路貼吧上來。
貼吧目前只支持粘貼jpg、jpeg、gif、bmp這四種常見格式的圖片。如果您粘貼的圖片格式是這四種常見格式之外的,那麼圖片貼出後將無法顯示。
* 如果還有問題,請到貼吧幫助吧去問問吧。
--------------------------------------------------------------------------------------------------------
http://www..com/search/img/course01.gif
http://www..com/search/img/course02.gif
http://www..com/search/img/course03.gif
http://www..com/search/img/course04.gif
『玖』 當點擊帶+的圖片時,彈出手機相冊,可以選擇手機相冊內的圖片上傳,代碼如何寫怎麼實現
首先需要引用 js 和css
<!--上傳控制項-->
2<scriptsrc="query.form.min.js"></script>
3<linkhref="Img_List.css"rel="stylesheet"/>
4<scriptsrc="Img_List.js"></script>
Img_List.js 如下:
///<referencepath="../../script/jquery-1.8.0.min.js"/>
//顯示
functionimgshow(obj){
//$(obj).find("a").show();
}
//隱藏
functionimghide(obj){
//$(obj).find("a").hide();
}
//上傳
functionupload(){
$("#FileLoad").click();
}
//刪除
functionimgdel(listId,FileId,hfId){
$.post("/CommonMole/ashx/public.ashx?action=DelMessageImg&Files="+$("#"+hfId).val(),function(result){
if(result!="ok")
$.messager.alert("消息提示","刪除失敗!");
});
varhtml="<li><imgsrc="/Themes/Images/jia.jpg"style="height:80px;width:80px;"/><inputtype="file"id=""+FileId+""class="input"onchange="ImgUpload('"+FileId+"','"+hfId+"','"+listId+"');"name=""+FileId+""/></li>"
$("#"+listId).html(html);
}
//添加成功
functionimgaddhtml(data,code,listId,fileId,hfId){
varlist=data.split(',');
varhtml="<lionmouseover="imgshow(this)"onmouseout="imghide(this);">";
html+="<astyle="height:80px;width:80px;"href=""+list[0]+""target="_blank"><imgsrc=""+list[0]+""imgs=""+list[0]+""code=""+code+""/></a><spanonclick="imgdel('"+listId+"','"+fileId+"','"+hfId+"')"></span></li>";
$("#"+listId).html(html);
}
//圖片文件上傳
//uppath上傳空間id
//上傳成功存放的圖片路徑的隱藏域id
//listId顯示圖片的區域id
functionImgUpload(uppath,hndimg,listId){
varsendUrl="/CommonMole/ashx/Upload_Ajax.ashx?action=SingleFile&IsThumbnail=1&UpFilePath="+uppath;
//開始提交
$("#form1").ajaxSubmit({
beforeSubmit:function(formData,jqForm,options){
//alert(1);
},
success:function(data,textStatus){
varlist=$("#"+hndimg).val();
$("#"+hndimg).val(data.msgbox);
imgaddhtml(data.msgbox,0,listId,uppath,hndimg);
},
error:function(data,status,e){
alert("上傳失敗!");
},
url:sendUrl,
type:"post",
dataType:"json",
timeout:600000
});
};
Img_List.css如下:
.img_list{margin:0px;padding:0px;overflow:hidden;}
.img_listul,.img_listulli{margin:0px;padding:0px;}
.img_listulli{float:left;list-style:none;position:relative;margin:5px0px0px5px;}
.img_listullispan
{position:absolute;top:3px;right:3px;width:16px;height:16px;opacity:0.6;filter:alpha(opacity=60);margin:0002px;
vertical-align:top;background:url('/Themes/Images/panel_tools.png')no-repeat-16px0px;}
.img_listulliimg{width:80px;height:80px;cursor:pointer;position:relative;z-index:0;}
.img_listulli.input{width:80px;height:80px;cursor:pointer;position:relative;left:-100px;vertical-align:top;margin:0px;padding:0px;opacity:0;filter:alpha(opacity=0);}
panel_tools.png 如下:
#region上傳單文件處理===================================
46privatevoidSingleFile(HttpContextcontext)
47{
48
49string_refilepath=context.Request.QueryString["ReFilePath"];//取得返回的對象名稱
50string_upfilepath=context.Request.QueryString["UpFilePath"];//取得上傳的對象名稱
51string_delfile=context.Request.QueryString[_refilepath];
52HttpPostedFile_upfile=null;
53try
54{
55_upfile=context.Request.Files[_upfilepath];
56}
57catch(Exceptione)
58{
59context.Response.Write("{"msg":"0","msgbox":"上傳文件過大!"}");
60context.Response.End();
61}
62bool_iswater=false;//默認不打水印
63bool_isthumbnail=false;//默認不生成縮略圖
64bool_isimage=false;
65
66if(context.Request.QueryString["IsWater"]=="1")
67_iswater=true;
68if(context.Request.QueryString["IsThumbnail"]=="1")
69_isthumbnail=true;
70if(context.Request.QueryString["IsImage"]=="1")
71_isimage=true;
72
73if(_upfile==null)
74{
75context.Response.Write("{"msg":"0","msgbox":"請選擇要上傳文件!"}");
76return;
77}
78UpLoapFiles=newUpLoad();
79stringmsg=upFiles.fileSaveAs(_upfile,_isthumbnail,_iswater,_isimage);
80//刪除已存在的舊文件
81Utils.DeleteUpFile(_delfile);
82//返回成功信息
83context.Response.Write(msg);
84
85context.Response.End();
86}
87#endregion
101publicstringfileSaveAs(HttpPostedFilepostedFile,boolisThumbnail,boolisWater,bool_isImage,bool_isReOriginal)
102{
103try
104{
105stringfileExt=Utils.GetFileExt(postedFile.FileName);//文件擴展名,不含「.」
106stringoriginalFileName=postedFile.FileName.Substring(postedFile.FileName.LastIndexOf(@"")+1);//取得文件原名
107stringfileName=Utils.GetRamCode()+"."+fileExt;//隨機文件名
108stringdirPath=GetUpLoadPath();//上傳目錄相對路徑
109
110//檢查文件擴展名是否合法
111if(!CheckFileExt(fileExt))
112{
113return"{"msg":"0","msgbox":"不允許上傳"+fileExt+"類型的文件!"}";
114}
115//檢查是否必須上傳圖片
116if(_isImage&&!IsImage(fileExt))
117{
118return"{"msg":"0","msgbox":"對不起,僅允許上傳圖片文件!"}";
119}
120//檢查文件大小是否合法
121if(!CheckFileSize(fileExt,postedFile.ContentLength))
122{
123return"{"msg":"0","msgbox":"文件超過限制的大小啦!"}";
124}
125//獲得要保存的文件路徑
126stringserverFileName=dirPath+fileName;
=dirPath+"small_"+fileName;
128stringreturnFileName=serverFileName;
129//物理完整路徑
130stringtoFileFullPath=Utils.GetMapPath(dirPath);
131//檢查有該路徑是否就創建
132if(!Directory.Exists(toFileFullPath))
133{
134Directory.CreateDirectory(toFileFullPath);
135}
136//保存文件
137postedFile.SaveAs(toFileFullPath+fileName);
138//如果是圖片,檢查圖片尺寸是否超出限制
139if(IsImage(fileExt))
140{
141Thumbnail.MakeThumbnailImage(toFileFullPath+fileName,toFileFullPath+fileName,3000,3000);
142}
143//是否生成縮略圖
144if(IsImage(fileExt)&&isThumbnail)
145{
146Thumbnail.MakeThumbnailImage(toFileFullPath+fileName,toFileFullPath+"small_"+fileName,150,150,"R");
147//returnFileName+=","+serverThumbnailFileName;//返回縮略圖,以逗號分隔開
148}
149
166/
171return"{"msg":"1","msgbox":""+returnFileName+""}";
172}
173catch
174{
175return"{"msg":"0","msgbox":"上傳過程中發生意外錯誤!"}";
176}
177}
『拾』 上傳不了照片,點擊上傳照片沒有反應
可以用QQ管家修復一下問題。