当前位置:首页 » 文件传输 » 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 加上图片名,所以可以用这个方式获取