當前位置:首頁 » 文件傳輸 » jquery上傳圖片
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

jquery上傳圖片

發布時間: 2022-02-15 19:56:23

1. javascript或jQuery 如何直接設置上傳圖片的大小,或者獲取圖片的大小,提交表單時進行限制

javascript無法限制,因為javascript沒有讀文件的許可權!當然使用ajax上傳也不行。因為ajax就是javascript的。
你可以在上傳後在後台比對!
如果你非要實現ajax效果的話可以使用偽ajax(隱藏一個iframe)上傳。

2. 用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即可。

3. 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>

4. 用jquery實現ajax 上傳圖片提交到PHP

好像不可以吧,瀏覽器為了安全不能用javascript讀取本地文件的

5. js/jquery如何實現一張圖片的上傳預覽功能。。。。

使用AJAX,把文件保存到臨時目錄,把返回的值(文件路徑),放到頁面上預先添加的<IMG> 標簽中,就可顯示預覽圖片,再點上傳才把文件從臨時目錄(刪除臨時目錄文件)復制到你指定的目錄中

6. jquery怎麼添加圖片與刪除圖片

添加刪除是一項基本功能,下面就來看一下jquery怎麼在圖片上添加刪除按鈕。

設備:聯想電腦

系統:xp

軟體:jQuery2019

1、首先寫一個HTML架構,如圖所示代碼。

7. jquery如何獲取input(file)控制項上傳的圖片名稱,即"11111.jpg"

理論上是不大可能的。
由於安全的原因,input(file)裡面的值不能通過js來設置,而如果用js來取值的話,可能取到的是偽造的值(chrome),也有可能根本取不到(firefox)。

8. 如何在圖片上傳前用js(jquery)判斷圖片的尺寸

創建img標簽:
IE瀏覽器直接src=圖片本地路徑,然後可以獲取這個img的尺寸。

其他瀏覽器使用HTML5的FileReader獲取文件資源轉化為base64寫入img的src,然後可以獲取這個img尺寸。

9. 這是上傳圖片Jquery,我像上傳文檔格式該怎麼寫呢

代碼很簡單,常見的圖片格式均已加入驗證之中,小夥伴們可以直接拿去用的。
廢話少說,直接上代碼
復制代碼代碼如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="jquery-1.7.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#form01").change( function(){
var filepath=$("input[name='myFile']").val();
var extStart=filepath.lastIndexOf(".");
var ext=filepath.substring(extStart,filepath.length).toUpperCase();
if(ext!=".BMP"&&ext!=".PNG"&&ext!=".GIF"&&ext!=".JPG"&&ext!=".JPEG"){
alert("圖片限於bmp,png,gif,jpeg,jpg格式");
return false;
}else{$("#name01").text(ext)}
var file_size = 0;
if ( $.browser.msie) {
var img=new Image();
img.src=filepath;
while(true){
if(img.fileSize > 0){
if(img.fileSize>3*1024*1024){
alert("圖片不大於100MB。");
}else{
var num03 = img.fileSize/1024;
num04 = num03.toFixed(2)
$(".size02").text(num04+"KB");
}
break;
}
}
} else {
file_size = this.files[0].size;
console.log(file_size/1024/1024 + " MB");
var size = file_size / 1024;
if(size > 10240){
alert("上傳的文件大小不能超過10M!");
}else{
var num01 = file_size/1024;
num02 = num01.toFixed(2)
$("#size01").text(num02 + " KB");
}
}
return true;
});
});
</script>
<title>無標題文檔</title>
</head>
<body>
<table width="500" cellspacing="0" cellpadding="0">
<tr>
<td width="72" id="name01"> </td>
<td width="242"><input type="file" name="myFile" id="form01" /></td>
<td width="184" id="size01" class="size02"> </td>
</tr>
</table>
</body>
</html>

以上代碼超級簡單,小夥伴們使用的時候自己記得美化下,這里就不多做解釋了。

10. jquery如何獲取input(file)控制項上傳的圖片名稱

$('input').on('change',function(){

var value = $(this).val();

value = value.split("\")[2];

})

value 就是圖片名稱。因為瀏覽器安全機制 獲取到的value都是C:fakepath 加上圖片名,所以可以用這個方式獲取