如何设置它的值?

<input type="file" />

当前回答

实际上我们可以这么做。 我们可以使用c#中的webbrowser控件使用FormToMultipartPostData库来设置文件的默认值。我们必须下载这个库并将其包含在我们的项目中。Web浏览器使用户能够在表单内浏览网页。 一旦网页加载,webBrowser1_DocumentCompleted中的脚本将被执行。 所以,

private void webBrowser1_DocumentCompleted(object sender, WebBrowserDocumentCompletedEventArgs e)
    {
       FormToMultipartPostData postData = 
            new FormToMultipartPostData(webBrowser1, form);
        postData.SetFile("fileField", @"C:\windows\win.ini");
        postData.Submit();
    }

请参考以下连结下载及完整参考资料。

https://www.codeproject.com/Articles/28917/Setting-a-file-to-upload-inside-the-WebBrowser-com

其他回答

实际上我们可以这么做。 我们可以使用c#中的webbrowser控件使用FormToMultipartPostData库来设置文件的默认值。我们必须下载这个库并将其包含在我们的项目中。Web浏览器使用户能够在表单内浏览网页。 一旦网页加载,webBrowser1_DocumentCompleted中的脚本将被执行。 所以,

private void webBrowser1_DocumentCompleted(object sender, WebBrowserDocumentCompletedEventArgs e)
    {
       FormToMultipartPostData postData = 
            new FormToMultipartPostData(webBrowser1, form);
        postData.SetFile("fileField", @"C:\windows\win.ini");
        postData.Submit();
    }

请参考以下连结下载及完整参考资料。

https://www.codeproject.com/Articles/28917/Setting-a-file-to-upload-inside-the-WebBrowser-com

我写完整的例子加载URL输入文件,并预览 你可以在这里查看 1 https://vulieumang.github.io/vuhocjs/file2input-input2file/

简而言之,你可以使用这个函数

function loadURLToInputFiled(url){
  getImgURL(url, (imgBlob)=>{
    // Load img blob to input
    // WIP: UTF8 character error
    let fileName = 'hasFilename.jpg'
    let file = new File([imgBlob], fileName,{type:"image/jpeg", lastModified:new Date().getTime()}, 'utf-8');
    let container = new DataTransfer(); 
    container.items.add(file);
    document.querySelector('#file_input').files = container.files;
    
  })
}
// xmlHTTP return blob respond
function getImgURL(url, callback){
  var xhr = new XMLHttpRequest();
  xhr.onload = function() {
      callback(xhr.response);
  };
  xhr.open('GET', url);
  xhr.responseType = 'blob';
  xhr.send();
}

你不能。这是一种安全措施。想象一下,如果有人编写JS,将文件输入值设置为一些敏感数据文件?

正如这里的其他人所说:不能用JavaScript自动上传任何文件。

然而!如果您可以访问想要在代码中发送的信息(即,不是C:\passwords.txt),那么您可以将其作为blob类型上传,然后将其作为文件处理。

服务器最终看到的内容将与某人实际设置<input type="file" />的值难以区分。最终,诀窍是开始一个新的XMLHttpRequest()与服务器…

function uploadFile (data) {
        // define data and connections
    var blob = new Blob([JSON.stringify(data)]);
    var url = URL.createObjectURL(blob);
    var xhr = new XMLHttpRequest();
    xhr.open('POST', 'myForm.php', true);
    
        // define new form
    var formData = new FormData();
    formData.append('someUploadIdentifier', blob, 'someFileName.json');
        
        // action after uploading happens
    xhr.onload = function(e) {
        console.log("File uploading completed!");
    };
    
        // do the uploading
    console.log("File uploading started!");
    xhr.send(formData);
}

    // This data/text below is local to the JS script, so we are allowed to send it!
uploadFile({'hello!':'how are you?'});

那你能用这个做什么呢?我用它上传HTML5画布元素为jpg格式。这为用户省去了不得不打开文件输入元素的麻烦,只能选择他们刚刚调整大小、修改等的本地缓存图像。但它应该适用于任何文件类型。

这不是回答你的问题(其他人已经回答了),但如果你想有一些上传文件字段的编辑功能,你可能想做的是:

显示这个字段的当前值,只需打印文件名或URL,一个可点击的下载链接,或者如果它是一个图像:只显示它,可能是缩略图 <input>标记上传一个新文件 选中该复选框时,删除当前上传的文件。注意,没有办法上传一个“空”文件,所以你需要这样做来清除字段的值