当我点击 plupload 中的浏览按钮时,是否可以上传文件?
Is that possible upload file when i m click on browse button in plupload?
自定义 api
<div id="filelist">Your browser doesn't have Flash, Silverlight or HTML5 support.</div>
<div width="20px" id="progressbar"></div>
<div id="container">
<a id="pickfiles" href="javascript:;">[Select files]</a>
<a id="uploadfiles" href="javascript:;">[Upload files]</a>
</div>
在此,当我们点击上传文件时,文件正在上传 bt 我希望当我点击 Select 文件时,文件也会上传。如果可能的话,我必须在脚本中做哪些更改?
<script type="text/javascript">
// Custom example logic
var uploader = new plupload.Uploader({
//runtimes : 'html5,flash,silverlight,html4',
browse_button : 'pickfiles', // you can pass in id...
container: document.getElementById('container'), // ... or DOM Element itself
url : 'upload.php',
filters : {
max_file_size : '100mb',
mime_types: [
{title : "Image files", extensions : "jpg,gif,png"},
{title : "Zip files", extensions : "zip"}
]
},
init: {
PostInit: function() {
document.getElementById('filelist').innerHTML = '';
document.getElementById('uploadfiles').onclick = function() {
uploader.start();
return false;
};
},
FilesAdded: function(up, files) {
plupload.each(files, function(file) {
document.getElementById('filelist').innerHTML += '<div id="' + file.id + '">' + file.name + ' (' + plupload.formatSize(file.size) + ') <b></b></div><br/>';
});
},
UploadProgress: function(up, file) {
document.getElementById(file.id).getElementsByTagName('b')[0].innerHTML = '<span>' + file.percent + "%</span>";
$( "#progressbar" ).progressbar({
value: false
});
},
UploadComplete: function(up, files) {
$( "#progressbar" ).progressbar({
value: true
});
},
Error: function(up, err) {
document.getElementById('console').appendChild(document.createTextNode("Error #" + err.code + ": " + err.message +"\n"));
}
}
});
uploader.init();
</script>
请帮帮我
您可以在 FilesAdded
活动中添加它。
试试这个:
FilesAdded: function(up, files) {
plupload.each(files, function(file) {
document.getElementById('filelist').innerHTML += '<div id="' + file.id + '">' + file.name + ' (' + plupload.formatSize(file.size) + ') <b></b></div><br/>';
});
up.start();
},
自定义 api
<div id="filelist">Your browser doesn't have Flash, Silverlight or HTML5 support.</div>
<div width="20px" id="progressbar"></div>
<div id="container">
<a id="pickfiles" href="javascript:;">[Select files]</a>
<a id="uploadfiles" href="javascript:;">[Upload files]</a>
</div>
在此,当我们点击上传文件时,文件正在上传 bt 我希望当我点击 Select 文件时,文件也会上传。如果可能的话,我必须在脚本中做哪些更改?
<script type="text/javascript">
// Custom example logic
var uploader = new plupload.Uploader({
//runtimes : 'html5,flash,silverlight,html4',
browse_button : 'pickfiles', // you can pass in id...
container: document.getElementById('container'), // ... or DOM Element itself
url : 'upload.php',
filters : {
max_file_size : '100mb',
mime_types: [
{title : "Image files", extensions : "jpg,gif,png"},
{title : "Zip files", extensions : "zip"}
]
},
init: {
PostInit: function() {
document.getElementById('filelist').innerHTML = '';
document.getElementById('uploadfiles').onclick = function() {
uploader.start();
return false;
};
},
FilesAdded: function(up, files) {
plupload.each(files, function(file) {
document.getElementById('filelist').innerHTML += '<div id="' + file.id + '">' + file.name + ' (' + plupload.formatSize(file.size) + ') <b></b></div><br/>';
});
},
UploadProgress: function(up, file) {
document.getElementById(file.id).getElementsByTagName('b')[0].innerHTML = '<span>' + file.percent + "%</span>";
$( "#progressbar" ).progressbar({
value: false
});
},
UploadComplete: function(up, files) {
$( "#progressbar" ).progressbar({
value: true
});
},
Error: function(up, err) {
document.getElementById('console').appendChild(document.createTextNode("Error #" + err.code + ": " + err.message +"\n"));
}
}
});
uploader.init();
</script>
请帮帮我
您可以在 FilesAdded
活动中添加它。
试试这个:
FilesAdded: function(up, files) {
plupload.each(files, function(file) {
document.getElementById('filelist').innerHTML += '<div id="' + file.id + '">' + file.name + ' (' + plupload.formatSize(file.size) + ') <b></b></div><br/>';
});
up.start();
},