웹 프론트엔드 JS 튜토리얼 Javascript 폴더 선택을 위한 두 가지 솔루션 box_javascript 기술

Javascript 폴더 선택을 위한 두 가지 솔루션 box_javascript 기술

May 16, 2016 pm 06:50 PM
javascript 접는 사람 선택 상자

해결책 1:
Windows 셸을 호출하면 보안 문제가 발생합니다.

* browserFolder.js
* 이 파일은 다음을 제공하는 BrowseFolder() 함수를 정의합니다. 사용자가 시스템 폴더 선택 기능을 구현하기 위한 폴더 선택 대화 상자
*
* 폴더 선택 대화 상자의 시작 디렉터리는
* Shell.BrowseForFolder(WINDOW_HANDLE, Message, OPTIONS, strPath에 의해 결정됩니다. ) 함수
*
*의 strPath 매개변수 설정 예: 0x11--내 컴퓨터
* 0 --Desktop
* "c:\"--시스템 C 드라이브
*
* 이 기능을 HTML 파일에 적용하려면 다음 코드를 사용하세요.
*
* 또는 다음 코드를 ... tag;

* 보안 문제로 인해 이 JS 코드를 올바르게 실행하려면 다음 설정도 필요합니다.
* 그렇지 않으면 "권한 없음" 문제가 발생합니다.
*
* 1. 신뢰할 수 있는 사이트를 설정합니다(예: 로컬 사이트는 http://localhost일 수 있음).
* 2. 둘째: 신뢰할 수 있는 사이트 보안 수준의 사용자 정의 설정에서 다음 옵션을 설정합니다.
* "안전한 것으로 표시되지 않은 ActiveX 컨트롤 초기화 및 스크립트 실행"----"활성화"

browserFolder.js:
코드 복사 코드는 다음과 같습니다.

/**//***
path 값을 표시할 객체 ID
****/
function browserFolder(path) {
try {
var Message = "u8bf7u9009u62e9u6587u4ef6u5939"; //선택 상자 프롬프트 메시지
var Shell = new ActiveXObject("Shell.Application");
var Folder = Shell.BrowseForFolder(0, Message, 64, 17); //시작 디렉터리는 내 컴퓨터입니다.
//var Folder = Shell.BrowseForFolder(0,Message,0); 시작 디렉토리는 :Desktop
if (Folder != null) {
Folder = Folder.items(); // FolderItems 객체 반환
Folder = Folder.item(); // Folderitem 객체 반환
Folder = Folder.Path; // 반환 경로
if (Folder.charAt(Folder.length - 1) != "\") {
Folder = 폴더 "\"
} document.getElementById(경로).value = 폴더;
return Folder;
}
}
catch(e) {
alert(e.message)
}


사용시 :


< ;td>


<입력 유형= "button" onclick= "browseFolder('path')"
value="생성 경로 선택" />


2. 🎜>직접 작성하세요. js는 로컬 하드 디스크의 선택 상자를 읽습니다. 단점은 이전보다 모양이 나빠진다는 것입니다.



코드 복사.
코드는 다음과 같습니다.



无标题文档

<본문>





















<스크립트>
/**//*
* 초기화, 시스템의 모든 드라이브를 table_drives 목록에 넣습니다
*/
window.onload = 새 함수 init()
{
var fso, s, n, e, x;
fso = new ActiveXObject("Scripting.FileSystemObject");
e = 새 열거자(fso.Drives);
s = "";
for (; !e.atEnd(); e.moveNext())
{
x = e.item();
s = s x.DriveLetter;
s = ":";
if (x.DriveType == 3)
n = x.ShareName;
else if (x.IsReady)
n = x.VolumeName;
else
n = "[驱动器未就绪]";
s = n ",";
}
var 드라이브 = s.split(",");
var tableDrives = document.getElementById("tables_drives");
for ( var i = 0; i {
var option = document.createElement("OPTION");
드라이브[i].split(":");
option.value = "[" 드라이브[i].split(":")[0] ":]" 드라이브[i].split(":")[1];
option.text = "[" 드라이브[i].split(":")[0] ":]" 드라이브[i].split(":")[1];
tableDrives.add(옵션);
}
}

/**//*
*tables_drives 목록에서 선택한 드라이브의 모든 폴더는 table_folder 목록에 배치됩니다.
*/
function get_drives()
{
var tableDrives = document.getElementById("tables_drives");
var tableFolders = document.getElementById("table_folder");
for ( var i = 0; i < tableDrives.options.length; i )
{
if ( tableDrives.options[i].selected == true )
{
var fso, f, fc, s;
var 드라이브 = tableDrives.options[i].value.split(":")[0].substring(1,tableDrives.options[i].value.split(":")[0].length) ;
document.getElementById("backDir").value = 드라이브 ":\";
fso = new ActiveXObject("Scripting.FileSystemObject");
if (fso.DriveExists(드라이브))
{
d = fso.GetDrive(드라이브);
if ( d.IsReady )
{
f = fso.GetFolder(d.RootFolder);
fc = 새 열거자(f.SubFolders);
s = "";
for (;!fc.atEnd(); fc.moveNext())
{
s = fc.item();
s = ",";
}

var len = tableFolders.options.length;
while(len >= 0)
{
tableFolders.options.remove(len);
렌--;
}
var option = document.createElement("OPTION");
option.value = 드라이브 ":\";
option.text = 드라이브 ":\";
tableFolders.add(옵션);
var 폴더 = s.split(",");
for ( j = 0; j {
option = document.createElement("OPTION");
옵션.값 = 폴더[j];
option.text = 폴더[j];
tableFolders.add(옵션);
}
}
else
{
alert("无法改变当前内容!")
}
}
else
false를 반환합니다.
}
}
}

/**//*
*table_folder双击选项中的一个选项,就将该文件夹下面的文件夹显示在table_folder列表中。
*/
function get_file()
{
var tableFolders = document.getElementById("table_folder");
var tableDrives = document.getElementById("tables_drives");
for ( var i = 0; i < tableFolders.options.length; i )
{
if ( tableFolders.options[i].selected == true )
{
var fso, f, fc, s;
var 폴더 경로 = tableFolders.options[i].value.substring(0,tableFolders.options[i].value.length);
if (folderpath.charAt(folderpath.length-1) == "\" )
{
document.getElementById("backDir").value = 폴더 경로;
}
else
{
document.getElementById("backDir").value = 폴더 경로 "\";
}


fso = new ActiveXObject("Scripting.FileSystemObject");
f = fso.GetFolder(폴더 경로);
fc = 새 열거자(f.SubFolders);
s = "";
for (;!fc.atEnd(); fc.moveNext())
{
s = fc.item();
s = ",";
}
var len = tableFolders.options.length;
while(len >= 0)
{
tableFolders.options.remove(len);
렌--;
}
var opt = "";
var opt1 = "";
for ( j = 0; j {
var option = document.createElement("OPTION");
opt = opt 폴더 경로.split("\")[j] "\";
if ( j > 0)
{
opt1 = opt;
option.value = opt1.substring(0,opt1.length-1);
option.text = opt1.substring(0,opt1.length-1);
tableFolders.add(옵션);
}
else
{
option.value = opt;
option.text = 선택;
tableFolders.add(옵션);
}

}
if ( tableFolders.options[0].value == tableFolders.options[1].value )
{
tableFolders.options.remove(1) ;
}
if ( s != "" )
{
var 폴더 = s.split(",");
for ( j = 0; j {
option = document.createElement("OPTION");
옵션.값 = 폴더[j];
option.text = 폴더[j];
tableFolders.add(옵션);
}
}
}
}
}


如果您还有好的解决方案,回帖分享一下吧.
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
4 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
4 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법
4 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25 : Myrise에서 모든 것을 잠금 해제하는 방법
1 몇 달 전 By 尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

Windows 11/10에서 파일을 다른 폴더에 자동으로 복사하는 방법 Windows 11/10에서 파일을 다른 폴더에 자동으로 복사하는 방법 Feb 19, 2024 am 11:24 AM

이 기사에서는 Windows 11/10에서 파일을 다른 폴더로 자동 복사하는 방법을 설명합니다. 데이터 손실을 방지하려면 백업을 생성해야 합니다. 하드 드라이브 손상, 맬웨어 공격 등과 같은 여러 가지 이유로 인해 데이터 손실이 발생할 수 있습니다. 복사 및 붙여넣기 방법을 사용하거나 타사 도구를 사용하여 데이터를 수동으로 백업할 수 있습니다. Windows 컴퓨터의 데이터를 자동으로 백업할 수 있다는 것을 알고 계셨습니까? 이 기사에서는 이를 수행하는 방법을 보여 드리겠습니다. Windows 11/10에서 파일을 다른 폴더에 자동으로 복사하는 방법 작업 스케줄러를 사용하여 Windows 11/10에서 파일과 폴더를 다른 대상 폴더에 자동으로 복사하는 방법은 무엇입니까? 이 기사에서는 자세한 지침을 제공합니다. 제발

win11 컴퓨터 폴더의 비밀번호를 설정하는 방법 win11 컴퓨터 폴더의 비밀번호를 설정하는 방법 Jan 12, 2024 pm 02:27 PM

최신 win11 시스템으로 업데이트한 후 대부분의 친구들은 개인 정보 보호를 위해 폴더를 암호화하는 방법을 모르므로 win11 컴퓨터 폴더에 비밀번호를 설정하는 방법을 살펴보겠습니다. win11 컴퓨터 폴더의 비밀번호를 설정하는 방법: 1. 먼저 암호화하려는 폴더를 찾으세요. 2. 그런 다음 폴더를 마우스 오른쪽 버튼으로 클릭하고 "속성"을 선택합니다. 3. 속성에서 "고급"을 클릭하세요. 4. 메뉴에서 "데이터를 보호하기 위해 콘텐츠 암호화"를 체크하고 확인을 클릭하세요. 5. 마지막으로 폴더 속성으로 돌아가 팝업 창에서 "확인"을 클릭하세요.

동기화한 폴더에 있는 하나 이상의 항목이 Outlook 오류와 일치하지 않습니다. 동기화한 폴더에 있는 하나 이상의 항목이 Outlook 오류와 일치하지 않습니다. Mar 18, 2024 am 09:46 AM

동기화 폴더에 있는 하나 이상의 항목이 Outlook의 오류 메시지와 일치하지 않는 경우 모임 항목을 업데이트하거나 취소했기 때문일 수 있습니다. 이 경우 로컬 버전의 데이터가 원격 복사본과 충돌한다는 오류 메시지가 표시됩니다. 이 상황은 일반적으로 Outlook 데스크톱 응용 프로그램에서 발생합니다. 동기화한 폴더에 있는 하나 이상의 항목이 일치하지 않습니다. 충돌을 해결하려면 프로젝트를 열고 작업을 다시 시도하십시오. 동기화된 폴더에 있는 하나 이상의 항목이 Outlook 오류와 일치하지 않는 문제 해결 Outlook 데스크톱 버전에서는 로컬 일정 항목이 서버 복사본과 충돌할 때 문제가 발생할 수 있습니다. 하지만 다행히도 도움을 줄 수 있는 몇 가지 간단한 방법이 있습니다.

win11 배경화면의 기본 폴더 경로 및 공유 세부정보 찾기 win11 배경화면의 기본 폴더 경로 및 공유 세부정보 찾기 Jan 30, 2024 pm 03:15 PM

많은 사용자가 컴퓨터를 사용할 때 배경화면을 변경합니다. 많은 사용자가 win11 배경화면이 어느 폴더에 있는지 묻고 있다고 생각합니다. 시스템과 함께 제공되는 배경화면은 C 드라이브 아래의 배경화면에 있고, 사용자가 저장한 배경화면은 C 드라이브의 Themes 폴더에 있습니다. 이 사이트에서는 사용자를 위한 win11 기본 배경화면 경로 공유를 주의 깊게 소개하겠습니다. win11 기본 배경 화면 경로 공유 1. 시스템에는 배경 화면이 함께 제공됩니다. 1. 먼저 내 컴퓨터에 들어간 다음 C: Windows Web Wallpaper 경로를 엽니다. 2. 사용자 저장 배경화면: 1. 사용자가 설치한 배경화면 저장 위치: C: 사용자(사용자) xx(현재 사용자 이름) AppDataLocalM

C 드라이브에 두 개의 Windows 폴더가 있습니다. 어떻게 해야 합니까? C 드라이브에 두 개의 Windows 폴더가 있습니다. 어떻게 해야 합니까? Mar 06, 2024 am 11:55 AM

Windows 폴더에는 Windows 운영 체제가 포함되어 있으며 Windows 컴퓨터의 중요한 폴더입니다. 기본적으로 Windows는 C 드라이브에 설치됩니다. 따라서 C는 Windows 폴더의 기본 디렉터리입니다. 모든 Windows 컴퓨터에는 Windows 폴더가 있습니다. 그러나 일부 사용자는 C 드라이브에서 두 개의 Windows 폴더가 발견되었다고 보고했습니다. 이 글에서는 그러한 상황이 발생할 경우 무엇을 할 수 있는지 설명하겠습니다. C 드라이브에 두 개의 Windows 폴더 C 드라이브에 두 개의 Windows 폴더가 있는 경우는 거의 없습니다. 그러나 그러한 상황이 발생하는 경우 다음 제안을 사용할 수 있습니다. 맬웨어 방지 검사를 실행하여 올바른 방법을 찾아보십시오.

Realme Phone에서 폴더를 만드는 방법은 무엇입니까? Realme Phone에서 폴더를 만드는 방법은 무엇입니까? Mar 23, 2024 pm 02:30 PM

제목: Realme Phone 초보자 가이드: Realme Phone에서 폴더를 만드는 방법은 무엇입니까? 현대 사회에서 휴대폰은 사람들의 삶에 없어서는 안 될 도구가 되었습니다. 인기 스마트폰 브랜드인 Realme Phone은 간단하고 실용적인 운영 체제로 사용자들에게 사랑을 받고 있습니다. Realme 휴대폰을 사용하는 과정에서 많은 사람들이 휴대폰에 있는 파일과 애플리케이션을 정리해야 하는 상황에 직면할 수 있는데, 폴더를 만드는 것이 효과적인 방법입니다. 이 기사에서는 사용자가 휴대폰 콘텐츠를 더 잘 관리할 수 있도록 Realme 휴대폰에서 폴더를 만드는 방법을 소개합니다. 아니요.

win10 폴더에 대한 비밀번호 보호를 설정하는 방법 win10 폴더에 대한 비밀번호 보호를 설정하는 방법 Feb 29, 2024 am 09:00 AM

win10 시스템을 사용할 때 많은 사람들이 컴퓨터의 기밀 파일 유출에 대해 걱정합니다. 실제로 사용자는 win10 폴더 비밀번호 보호 기능만 사용하면 이 문제를 해결할 수 있습니다. win10 폴더에 대한 비밀번호 보호 설정 방법 1. 먼저 암호화하려는 폴더를 선택하고 폴더를 마우스 오른쪽 버튼으로 클릭한 후 팝업 옵션 표시줄에서 속성을 클릭해야 합니다. 2. 속성 인터페이스 오른쪽 하단에 있는 고급 옵션을 클릭합니다. 3. 고급 속성 인터페이스에 들어가서 데이터를 보호하기 위해 콘텐츠를 암호화하기 전에 확인란을 선택한 다음 확인을 클릭합니다. 4. 그러면 시스템이 자동으로 확인 속성 변경 인터페이스를 팝업으로 표시하고 인터페이스에서 확인을 클릭합니다. 5. 이로써 비밀번호 보호가 성공적으로 설정되었으며, 원래 계정을 사용할 때 어떠한 영향도 받지 않습니다.

Windows 11 폴더 공유 가이드: 파일과 데이터를 쉽게 공유 Windows 11 폴더 공유 가이드: 파일과 데이터를 쉽게 공유 Mar 13, 2024 am 11:49 AM

일상 생활과 직장에서 우리는 종종 서로 다른 장치 간에 파일과 폴더를 공유해야 합니다. Windows 11 시스템에는 편리한 폴더 공유 기능이 내장되어 있어 개인 파일의 개인 정보를 보호하면서 동일한 네트워크 내에서 다른 사람들과 필요한 콘텐츠를 쉽고 안전하게 공유할 수 있습니다. 이 기능을 사용하면 개인 정보 유출에 대한 걱정 없이 파일을 간단하고 효율적으로 공유할 수 있습니다. Windows 11 시스템의 폴더 공유 기능을 통해 우리는 보다 편리하게 협력하고, 소통하고 협업할 수 있어 업무 효율성과 생활 편의성이 향상됩니다. 공유 폴더를 성공적으로 구성하려면 먼저 다음 조건을 충족해야 합니다. 공유에 참여하는 모든 장치가 동일한 네트워크에 연결되어 있습니다. 네트워크 검색을 활성화하고 공유를 구성합니다. 대상 장치를 알아라

See all articles
文件保存位置:
<%----%>

目录位置:




说明:双击列表框的一个选项,就将该文件夹下文件夹显示在该列表框中。第一个就是根目录