Maison > Article > interface Web > Explication détaillée du tri de fichiers de lecture et d'écriture js couramment utilisé
Récemment, en écrivant du JS, j'ai découvert que de nombreuses règles étaient différentes de ce que je pensais. Après tout, je viens juste de commencer, j'ai donc fait beaucoup de détours. Voici un résumé et un enregistrement. explication détaillée du tri de fichiers de lecture et d'écriture JS couramment utilisé. J'espère que cela pourra aider tout le monde.
1, en raison du téléchargement de balises de fichier : la méthode onchange n'est plus déclenchée lors du nouveau téléchargement du même fichier
Méthode qui veut être déclenchée :
$("#file").on("change", function (evt) { var fileExtend = fileName.substring(file.value.lastIndexOf('.')); //获取文件后缀 .zip/.png为了方便比较还可以把她转为小写..... this.value = ''; //为了能持续触发onchange 因为当value值相同就不会再触发 特别是点击返回按钮过来的情况 });
2, lire le téléchargement du fichier Informations sur le fichier
$("#file").on("change", function () { var files = $(this).prop('files'); var reader = new FileReader(); reader.readAsText(files[0], "UTF-8");//读取文件 reader.onload = function (evt) { var fileString = evt.target.result; // 读取文件内容 }
3, générer des fichiers locaux
<a onfocus="this.blur();" style="display: none" id="createInvoteBtn" class="ipt-todo" href="javascript:void(0)">生成并导出Txt文件</a> <a onfocus="this.blur();" style="display: none" id="createInvote" class="ipt-todo hide">code</a> 为了兼容IE请把上述标签写上,由于display:none所以不影响网页内容/** *fileName 文件名 *fileData 需要写入文件的内容 */ function generateFile(fileName,fileData){ var isIE = (navigator.userAgent.indexOf('MSIE') >= 0);//是否是IE浏览器 if (isIE) { var winSave = window.open(); winSave.document.open("text", "utf-8"); winSave.document.write(fileData); winSave.document.execCommand("SaveAs", true, fileName); winSave.close(); } else { var mimeType = 'text/plain'; $('#createInvote').attr('href', 'data:' + mimeType + ';charset=utf-8,' + encodeURIComponent(fileData)); var btn = document.getElementById('createInvote'); btn.download = fileName; document.getElementById('createInvote').click();//为了触发createInvote } }
4, trier récursivement map
/** *map 是需要排序的对象 *newMap 排序后的map对象 */ var newMap = {}; function orderMapByvalue(map) { if (JSON.stringify(map) == "{}") { //doSomething return newMap;//注意for(key in map)是异步遍历,所以对newMap的操作最好在return前 } for (key1 in map) {//只是为了获得第一组的key value 遍历一次就会break var tempKey = key1; var tempValue = map[key1]; for (key2 in map) { if (map[key2] - tempValue >= 0) {//这里是排序规则 根据需求改变 tempKey = key2;//接受value最大的key tempValue = map[tempKey];//最大的value } } newMap[tempKey] =tempValue;//注意如果key是数字无论是你是什么时候插入 1还是"1" 系统会自动根据数字的大小重新排序,我这里的key不是纯数字,所以没问题 delete map[tempKey]; break;//break是为了只for一次,毕竟js我没找到直接获取map第一个元素对的方法,只能这样来获取map里的第一组数据 } orderMapByvalue(map); }Récemment, j'ai découvert que de nombreuses règles étaient différentes de ce que je pensais en écrivant du js. Après tout, je viens de commencer, donc j'ai fait beaucoup de détours. Voici un résumé et un enregistrement 1, en raison du téléchargement de la balise de fichier La méthode :onchange ne sera plus déclenchée lorsque le même fichier est à nouveau téléchargé
Méthodes qui souhaitent être déclenchées :
2, lisez les informations du fichier téléchargé par fichier
$("#file").on("change", function (evt) { var fileExtend = fileName.substring(file.value.lastIndexOf('.'));//获取文件后缀 .zip/.png为了方便比较还可以把她转为小写..... this.value = '';//为了能持续触发onchange 因为当value值相同就不会再触发 特别是点击返回按钮过来的情况 });
3, Générer des fichiers locaux
$("#file").on("change", function () { var files = $(this).prop('files'); var reader = new FileReader(); reader.readAsText(files[0], "UTF-8");//读取文件 reader.onload = function (evt) { var fileString = evt.target.result; // 读取文件内容 }
4, trier récursivement la carte
<a onfocus="this.blur();" style="display: none" id="createInvoteBtn" class="ipt-todo" href="javascript:void(0)">生成并导出Txt文件</a> <a onfocus="this.blur();" style="display: none" id="createInvote" class="ipt-todo hide">code</a> 为了兼容IE请把上述标签写上,由于display:none所以不影响网页内容/** *fileName 文件名 *fileData 需要写入文件的内容 */ function generateFile(fileName,fileData){ var isIE = (navigator.userAgent.indexOf('MSIE') >= 0);//是否是IE浏览器 if (isIE) { var winSave = window.open(); winSave.document.open("text", "utf-8"); winSave.document.write(fileData); winSave.document.execCommand("SaveAs", true, fileName); winSave.close(); } else { var mimeType = 'text/plain'; $('#createInvote').attr('href', 'data:' + mimeType + ';charset=utf-8,' + encodeURIComponent(fileData)); var btn = document.getElementById('createInvote'); btn.download = fileName; document.getElementById('createInvote').click();//为了触发createInvote } }
en fonction de la valeur de la carte (clé, valeur) du majeur trop petit. Recommandations associées :
/** *map 是需要排序的对象 *newMap 排序后的map对象 */ var newMap = {}; function orderMapByvalue(map) { if (JSON.stringify(map) == "{}") { //doSomething return newMap;//注意for(key in map)是异步遍历,所以对newMap的操作最好在return前 } for (key1 in map) {//只是为了获得第一组的key value 遍历一次就会break var tempKey = key1; var tempValue = map[key1]; for (key2 in map) { if (map[key2] - tempValue >= 0) {//这里是排序规则 根据需求改变 tempKey = key2;//接受value最大的key tempValue = map[tempKey];//最大的value } } newMap[tempKey] =tempValue;//注意如果key是数字无论是你是什么时候插入 1还是"1" 系统会自动根据数字的大小重新排序,我这里的key不是纯数字,所以没问题 delete map[tempKey]; break;//break是为了只for一次,毕竟js我没找到直接获取map第一个元素对的方法,只能这样来获取map里的第一组数据 } orderMapByvalue(map); }
Comment résoudre la lecture et l'écriture simultanées de fichiers PHP
Lecture et écriture de code de fichier PHP
Code d'implémentation php de lecture et d'écriture de fichiers
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!