javascript - Comment JS front-end encapsule-t-il une méthode ou un plug-in jQuery pour permettre de cliquer sur un bouton pour ouvrir le système de gestion de fichiers local et télécharger des fichiers?
天蓬老师2017-05-16 13:36:56
0
3
745
Pour exécuter un événement après avoir cliqué sur un bouton, ouvrez le système de gestion de fichiers local, puis sélectionnez le fichier, puis sélectionnez télécharger
Une méthode encapsulée il y a quelque temps, utilisant les méthodes ajax et formData pour implémenter le téléchargement de fichiers et afficher la progression du téléchargement pendant le processus de téléchargement
js
$('#upload').on('click',function(){
var xhr = new XMLHttpRequest();
xhr.open('post','../PHP/post_file.php',true);
// 获取上传进度
xhr.upload.onprogress = (ev)=>{
var scale = Math.round( (ev.loaded/ev.total)*100 );
$('.text').html( scale + '%');
$('.progress').css('width', scale + '%');
};
xhr.onload = ()=>{
console.log('上传成功');
};
// 通过file表单的files属性拿到文件数据 通过formData将数据转换为二进制格式
var fileInfo = new FormData();
fileInfo.append( 'file',$('#iptFile')[0].files[0] );
// 发送数据
xhr.send(fileInfo);
});
Je viens de rencontrer un problème avec le téléchargement d'images sur le front-end il y a deux jours. Cet article est mon dossier. Voyez si cela aide. Portail
Une méthode encapsulée il y a quelque temps, utilisant les méthodes ajax et formData pour implémenter le téléchargement de fichiers et afficher la progression du téléchargement pendant le processus de téléchargement
js
html
css
php (php n'est pas écrit par moi)
Je viens de rencontrer un problème avec le téléchargement d'images sur le front-end il y a deux jours. Cet article est mon dossier. Voyez si cela aide. Portail
Vous pouvez utiliser <input type="file" /> pour y parvenir, puis modifier le style de saisie via CSS