通过本地文件路径上传文件

时间:2011-07-05 12:30:54

标签: javascript html upload

有没有办法通过文件路径启用文件上传?

默认的HTML文件上传控件显示已禁用的文本框和按钮。当用户将文件路径粘贴到文本框中时,是否可以通过JS或其他内容上传文件?

此网页位于公司内部网中。

3 个答案:

答案 0 :(得分:2)

不,在使用普通HTML / JavaScript的网络应用程序中这种情况是不可能的。

用户选择文件的唯一方法是通过单击<input type="file" />元素的浏览按钮打开的文件对话框。

唯一可能的捷径是JS可以自动打开文件对话框,但仍然是 - 这是用户选择要上传的文件的唯一方式。

答案 1 :(得分:1)

在受信任的网络中,有一些小的可能性。不完全相同,但仍然是一个非常相似的问题:Local file access with javascript

答案 2 :(得分:0)

我已经在电子应用中使用以下代码完成了文件上传

  if (window.FormData !== undefined) {
              var formData = new FormData();
              let response = await fetch(path); // give local file path stored at appdata folder
              let data = await response.blob();          
              formData.append("file", new File([data], "YourfileName"))
              let _url = "api/webservice url";
              $.ajax({
                type: "POST",
                url: _url,
                contentType: false,
                processData: false,
                data: formData,
                success: function (result) {              
                  console.log(result);
                },
                error: function (xhr, status, p3, p4) {                  
                  var err = "Error " + " " + status + " " + p3 + " " + p4;
                  if (xhr.responseText && xhr.responseText[0] == "{")
                    err = JSON.parse(xhr.responseText).Message;
                  console.log(err);
                }
              });
            } else {
              alert("This browser doesn't support HTML5 file uploads!");
            }

在服务器端(C#代码)

var provider = new MultipartMemoryStreamProvider();
await Request.Content.ReadAsMultipartAsync(provider);
    
// extract file name and file contents
var fileNameParam = provider.Contents[0].Headers.ContentDisposition.Parameters
                    .FirstOrDefault(p => p.Name.ToLower() == "filename");
string fileName = (fileNameParam == null) ? "" : ileNameParam.Value.Trim('"');
var divs = fileName.Split('.').ToList();
var ext = divs.LastOrDefault();
byte[] file = await provider.Contents[0].ReadAsByteArrayAsync();
// Here you can use EF with an entity with a byte[] property, or
// an stored procedure with a varbinary parameter to insert the
// data into the DB
var fileVM = new FileViewModel
{
 AttachmentType = AttachmentTypeEnum.File,
 FileName = fileName,
 FileExtension = ext,
 ContentType = MimeMapping.GetMimeMapping(fileName),
 ContentLength = file.Length,
 ContentByte = file,
};