Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/292.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 文件上载-Allert if发生错误,未提交_Javascript_Php_Jquery_Html_File Upload - Fatal编程技术网

Javascript 文件上载-Allert if发生错误,未提交

Javascript 文件上载-Allert if发生错误,未提交,javascript,php,jquery,html,file-upload,Javascript,Php,Jquery,Html,File Upload,我有多个上传脚本,我将实现它的文件与更大的htmlform,应填写提交前。我需要allert错误,如果选择的文件超过写入兆字节或类型是错误的,没有提交。 另外,如果您能告诉我如何使用按钮上传文件,并且不提交更大的表单,那就太好了。 这是我的密码: var-abc=0//声明和定义全局递增变量 $(文档).ready(函数(){ //要动态添加新的输入文件字段,单击下面的“添加更多文件”按钮将执行该功能 $(“#添加更多”)。单击(函数(){ $(this).before($(“”,{id:'f

我有多个上传脚本,我将实现它的文件与更大的html
form
,应填写提交前。我需要allert错误,如果选择的文件超过写入兆字节或类型是错误的,没有提交。 另外,如果您能告诉我如何使用按钮上传文件,并且不提交更大的表单,那就太好了。
这是我的密码:

var-abc=0//声明和定义全局递增变量
$(文档).ready(函数(){
//要动态添加新的输入文件字段,单击下面的“添加更多文件”按钮将执行该功能
$(“#添加更多”)。单击(函数(){
$(this).before($(“”,{id:'filediv'}).fadeIn('slow').append(
$(“”,{name:'file[],键入:'file',id:'file'}),
$(“

”) )); }); //以下函数将在文件输入更改事件时执行,以选择不同的文件 $('body')。在('change','#file',函数()上{ if(this.files&&this.files[0]){ abc+=1;//将全局变量递增1 var z=abc-1; var x=$(this.parent().find('#previewimg'+z).remove(); $(本)。在(“”)之前; var reader=new FileReader(); reader.onload=imagesisload; reader.readAsDataURL(this.files[0]); $(this.hide(); $(“#abcd”+abc)。追加($(“
@导入url(http://fonts.googleapis.com/css?family=Droid+Sans);
形式{
背景色:白色;
}
#maindiv{
宽度:960px;
利润率:10px自动;
填充:10px;
字体系列:“Droid Sans”,无衬线;
}
#formdiv{
宽度:500px;
浮动:左;
文本对齐:居中;
}
形式{
填充:40px 20px;
盒影:0px 0px 10px;
边界半径:2px;
}
氢{
左边距:30px;
}
.上传{
背景色:#ff0000;
边框:1px实心#ff0000;
颜色:#fff;
边界半径:5px;
填充:10px;
文本阴影:1px 1px 0px绿色;
盒影:2p2px15pxRGBA(0,0,0,75);
}
.上传:悬停{
光标:指针;
背景:#c20b0b;
边框:1px实心#c20b0b;
盒影:0px 0px 5px rgba(0,0,0,75);
}
#文件{
颜色:绿色;
填充:5px;边框:1px虚线#123456;
背景色:#f9ffe5;
}
#上传{
左边距:45像素;
}
#无误{
颜色:绿色;
文本对齐:左对齐;
}
#错误{
颜色:红色;
文本对齐:左对齐;
}
.abcd{
文本对齐:居中;
}
b{
颜色:红色;
}
#formget{
浮动:对;
}





试试这样你会得到的

$(“文件上传”)。关于(“更改”,函数(e){
var计数=1;
var files=e.currentTarget.files;//将所有文件放入一个数组中
//这样调用它们;文件[0]。大小将获得第0个文件的文件大小
for(文件中的变量x){
var filesize=((文件[x].size/1024)/1024.toFixed(4);//MB
if(文件[x].name!=“项”&&typeof文件[x].name!=“未定义”&&filesize 1){
approvedHTML+=“,”+文件[x]。名称;
}
否则{
approvedHTML+=文件[x]。名称;
}
计数++;
}
}
});
$(“#approvedFiles”).val(approvedHTML);
使用jquery和html5


函数上传(){
var fileUpload=document.getElementById(“fileUpload”);
if(typeof(fileUpload.files)!=“未定义”){
var size=parseFloat(fileUpload.files[0].size/1024).toFixed(2);
警报(大小+“KB”);
}否则{
警报(“此浏览器不支持HTML5”);
}
}

通过使用jqueryOr,我编辑错误或者它对我不起作用。我更改了我的ID的文件上载。然后toFixed(4)我更改了4==>2,并且没有发生任何文件大小的变化,我甚至无法检测出什么是错的。它对我不起作用:(已尝试上载超过2mb的文件,如果选择文件,则不会进行任何调用。此外,
type=button
不起作用,只需单击即可。