Skip to content

majinhui04/igrow_upload_iframe

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

##Uploader上传组件## 所需文件:uploader.js 注:每个form只能对应一个上传域 参数说明: fileField:文件域(dom节点,必须有) form:包含文件域的表单(dom节点,必须有) fileType:文件类型 image(默认) | video | photo(图片有大小限制) beforeStart:上传前操作函数 (返回一个对象 包含文件的基本信息:名字,后缀,全称) success:成功回调函数 (返回一个对象 包含文件的完整信息 result.url:文件的路径) fail: 失败回调函数 (返回一个错误对象 error.message: 错误信息)

            绑定:
            var uploader1 = Uploader({
                    fileField:file,
                    form:document.form,
                    fileType:'image',
                    beforeStart:function(file){
                            alert(file.value);
                    },
                    success:function(result){
                            alert(result.url);
                    },
                    fail:function(error){
                            alert(error.message);
                    }
            });

            上传:
            uploader1.submit() 或者 file.uploader.submit()


            demo:
            <div id="result"><div/>
            <form name="form1" id="form1"  >
    		
    		<p>
    			<span>change的时候上传 选择一张图片:</span>
    			<input type="file" name="file" id="file1">
    		</p>
    	
    	   </form>

           <script>
                    //上传    
            		var up = Uploader({
            			fileField:document.getElementById('file1'),
            			form:document.getElementById('form1'),
            			fileType:'image',
            			beforeStart:function(file){
            				document.getElementById('result').innerHTML = '正在上传:'+file.value;
            	           
            			},
            			success:function(result){
            				document.getElementById('result').innerHTML = '<a href="'+result.url+'">'+result.url+'</a>';
            			},
            			fail:function(error){
            				alert(error.message);
            			}
            		});
            		document.getElementById('form1').onchange = function(){
            			up.submit();
            		}

           </script>

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published