De hecho, este artículo debe considerarse como un artículo sobre "agua". ¿Por qué es tan "agua"? Además del reciente clima bochornoso en el sur que necesita ser enfriado, otra razón principal es que los códigos escritos aquí son todo escrito por CSDN Texto AI El modelo grande "C sabe" está completo, solo lo grabo brevemente aquí, y también es conveniente para otros estudiantes que necesitan aprender de él y evitar algunos desvíos (algunos desvíos aún deben ser desviado por ti mismo). El modelo grande de texto AI de CSDN se lanzó hace solo unos meses. Lo he experimentado varias veces y el efecto es bueno. Las respuestas a varias preguntas técnicas son bastante satisfactorias, ya sea en el estudio o en el proceso de trabajo. Puede ayudar Muchos de nosotros, ¡gracias!
El autor tiene experiencia en C. Para el contenido inicial, solo cuando es necesario para el proyecto, se conecta en línea para compensar las lecciones complementarias. A veces, para una pregunta que puede ser relativamente simple y popular, hay No hay una respuesta adecuada y satisfactoria como referencia después de mucho Baidu. Algunos artículos y blogs son para Estas preguntas simples y populares también establecen varias restricciones de navegación. Es muy inconveniente unirse a la membresía o abrir VIP o prestar atención a los bloggers ", el El siguiente contenido es un ejemplo, el último punto aún necesita atención: aunque el vino es delicioso, no seas codicioso.
Implementar un ejemplo de hacer clic en un botón para descargar un archivo
<!DOCTYPE html>
<html>
<head>
<title>文件下载示例</title>
</head>
<body>
<button onclick="downloadFile()">点击下载文件</button>
<script>
function downloadFile() {
// 创建一个虚拟的链接元素
var downloadLink = document.createElement('a');
downloadLink.href = 'path/to/your/file'; // 替换为你要下载的文件路径
// 设置下载文件的名称
downloadLink.download = 'filename.ext'; // 替换为你要下载的文件名称（包括扩展名）
// 触发点击事件进行下载
downloadLink.click();
}
</script>
</body>
</html>Sobre la base de lo anterior, realice la función de hacer clic en un botón para descargar un archivo con un sufijo fijo
<!DOCTYPE html>
<html>
<head>
<title>文件下载示例</title>
</head>
<body>
<button onclick="downloadFile()">点击下载文件</button>
<script>
function downloadFile() {
var fileUrl = 'path/to/your/file'; // 替换为你要下载的文件路径
var fileName = 'filename.ext'; // 替换为你要下载的文件名称（包括扩展名）
// 获取文件的后缀名
var fileExtension = fileName.split('.').pop();
// 判断文件后缀名是否符合条件（这里以 .dat 和 .txt 为例）
if (fileExtension === 'dat' || fileExtension === 'txt') {
// 创建一个虚拟的链接元素
var downloadLink = document.createElement('a');
downloadLink.href = fileUrl;
downloadLink.download = fileName;
downloadLink.click();
} else {
alert('只能下载 .dat 或者 .txt 文件');
}
}
</script>
</body>
</html>Un ejemplo de hacer clic en un botón para descargar varios archivos según lo anterior
<!DOCTYPE html>
<html>
<head>
<title>下载多个文件示例</title>
</head>
<body>
<h1>点击按钮同时下载多个文件</h1>
<button onclick="downloadFiles()">点击下载文件</button>
<script>
function downloadFiles() {
// 定义要下载的文件URL和名称
var files = [
{ url: 'path/to/file1.ext', name: 'filename1.ext' },
{ url: 'path/to/file2.ext', name: 'filename2.ext' },
// 添加更多文件...
];
// 创建一个隐藏的<a>元素并添加到页面中
var link = document.createElement('a');
link.style.display = 'none';
document.body.appendChild(link);
// 循环遍历文件数组，并依次下载文件
for (var i = 0; i < files.length; i++) {
var file = files[i];
// 设置文件的URL和名称
link.href = file.url;
link.download = file.name;
// 模拟用户点击下载链接
link.click();
}
// 清理临时元素
document.body.removeChild(link);
}
</script>
</body>
</html>Una cosa a tener en cuenta es que si crea el SERVIDOR WEB con Linux integrado, como la migración del servidor web boa al entorno Linux integrado mencionado en mi artículo anterior, debe modificar la ruta integrada correspondiente a boa.conf en el ambiente,
Por ejemplo, el contenido correspondiente de mi boa.conf es:
Alias /doc /mnt3/ga_syslog
Alias /ocr /mnt3/ga01_zynq_logPuede agregar varias líneas de Alias, similar a un typedef. Al escribir la ruta en html, puede ser 'doc/xxx.log', 'ocr/xxx.log', etc., y luego verifique después de reiniciar, de lo contrario, el el archivo no se puede descargar.
Sobre la base de lo anterior, un ejemplo de hacer clic en un botón para seleccionar un archivo para descargar en la ventana de exploración de archivos
<!DOCTYPE html>
<html>
<head>
<title>选择文件下载示例</title>
</head>
<body>
<button onclick="selectAndDownloadFile()">点击选择文件并下载</button>
<script>
function selectAndDownloadFile() {
// 创建一个虚拟的 input 元素
var fileInput = document.createElement('input');
fileInput.type = 'file';
// 监听文件选择事件
fileInput.onchange = function(event) {
var selectedFile = event.target.files[0];
// 创建一个虚拟的链接元素
var downloadLink = document.createElement('a');
downloadLink.href = URL.createObjectURL(selectedFile);
downloadLink.download = selectedFile.name;
// 触发点击事件进行下载
downloadLink.click();
// 清除临时的 URL 对象
URL.revokeObjectURL(downloadLink.href);
};
// 触发点击事件选择文件
fileInput.click();
}
</script>
</body>
</html>Sobre la base de lo anterior, tenga en cuenta que solo los archivos con sufijos fijos se pueden mostrar en la ventana de archivos y seleccionar para descargar
<!DOCTYPE html>
<html>
<head>
<title>选择指定后缀文件下载示例</title>
</head>
<body>
<button onclick="selectAndDownloadFile()">点击选择 .pdf 文件并下载</button>
<script>
function selectAndDownloadFile() {
// 创建一个虚拟的 input 元素
var fileInput = document.createElement('input');
fileInput.type = 'file';
fileInput.accept = '.pdf'; // 只接受 .pdf 文件，如多种后缀，可以以逗号分隔，如'.pdf,.dat'
// 监听文件选择事件
fileInput.onchange = function(event) {
var selectedFile = event.target.files[0];
// 创建一个虚拟的链接元素
var downloadLink = document.createElement('a');
downloadLink.href = URL.createObjectURL(selectedFile);
downloadLink.download = selectedFile.name;
// 触发点击事件进行下载
downloadLink.click();
// 清除临时的 URL 对象
URL.revokeObjectURL(downloadLink.href);
};
// 触发点击事件选择文件
fileInput.click();
}
</script>
</body>
</html>