- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
同事们大家好,我遇到了一个技术问题,我希望你们能帮助我,因为我投入了很多时间。
我有一个文件列表,其中包含一些描述作为表中的文档类型和描述,第一列用于 ID,其中 0 是一个新文件,我还有另一列用于
您需要填写的表格是:-1 您可以在客户端添加新文件,直到单击“保存”按钮后才保存。 (服务器上不存在记录)。-2 更新文件(上传服务器上存在的记录中的新文件)-3 要由客户端上传下一个文件,会生成“上传”按钮,要单击它,必须上传文件,并且必须接收服务器端返回的 ID 以更新列,并且您可以单击“保存”,服务器会检测到该文件已在服务器上。这是因为商业规则。
查看
<p class="options">
<a id="attach_file">Attach File</a>
</p>
<table id="files" class="grid">
<tr>
<th class="id">ID</th>
<th class="name">File</th>
<th class="kindName">Find Of file</th>
<th class="observations">Observations</th>
<th class="attach">File (input)</th>
<th class="options">options</th>
</tr>
@for (var i = 0; i < Model.Files.Count; i++)
{
<tr>
<td class="id">@Html.TextBoxFor(x => Model.Files[i].FileID)</td>
<td class="name">@Html.TextBoxFor(x => Model.Files[i].Name)</td>
<td class="kindName">@Html.TextBoxFor(x => Model.Files[i].KindOfFile.Name)</td>
<td class="observations">@Html.TextBoxFor(x => Model.Files[i].Version.Observations)</td>
<td class="attach">this options is only for client side when upload a new file</td>
<td class="options">
<a class="file_upload">Upload</a>
<a class="file_delete">Delete</a>
</td>
</tr>
}
</table>
当用户单击“附加文件”按钮添加以下带有必要数据的 javascript 代码 tr 时,可以选择“上传”该上传文件(在服务器上)
JavaScript
function GetTR(index, _ID, _FileName, _KindOfFile, _Observations) {
var tr = "<tr>";
tr += '<td class="id"><input data-val="true" data-val-number="The field FileID must be a number." data-val-required="The FileID field is required." id="Files_' + index + '__FileID" name="Files[' + index + '].FileID" type="text" value="' + _ID + '" readonly></td>';
tr += '<td class="name"><input data-val="true" data-val-length="La longitud Máxima es de 250" data-val-length-max="50" data-val-required="El Nombre es requerido" id="Files_' + index + '__Name" name="Files[' + index + '].Name" type="text" value="' + _FileName + '" readonly></td>';
tr += '<td class="kindName"><input data-val="true" data-val-length="La longitud Máxima es de 100" data-val-length-max="50" data-val-required="El Nombre es requerido" id="Files_' + index + '__KindOfFile_Name" name="Files[' + index + '].KindOfFile.Name" type="text" value="' + _KindOfFile + '" readonly></td>';
tr += '<td class="observations"><input id="Files_' + index + '__Version_Observations" name="Files[' + index + '].Version.Observations" type="text" value="' + _Observations + '" aria-invalid="false" class="valid" readonly></td>';
tr += "<td class='attach'></td>";
tr += '<td class="options">'
+ '<a class="file_upload" style="background-color:#FF9D4B;">Upload</a>'
+ '<a class="file_delete">Delete</a>'
+ '</td>';
tr += "</tr>";
return tr;
}
通过JQuery将选定的文件添加到模态div中并添加特定列
$(fileInput).attr({ "id": "Files_" + index + "__Version_FileUpload", "name": "Files[" + index + "].Version.FileUpload" }).appendTo(".attach:last");
你看,我使用 ID 和名称以及命名法和索引来与 MVC 匹配。我这样做是为了发送模型占用的属性和文件。这样您就可以上传多个文件来创建新文件或更新。
解决方案在 Internet Explorer 中不起作用
将文件上传到服务器并使用 AJAX 和 FormData 对象接收 ID 的事件。函数在 Chrome 中有效,但在 Internet Explorer 中无效分享此解决方案,以防有人需要
var fileViewModel = GetFileViewModel($(this).closest("tr"));
var formdata = new FormData(); //FormData object
var fileInput = $(this).closest("tr").find("td.attach > input:first")[0];
// si son varios archivos iterar
if (fileInput.files != null) {
for (i = 0; i < fileInput.files.length; i++) {
formdata.append(fileInput.files[i].name, fileInput.files[i]); // attach file
formdata.append("ViewModel", JSON.stringify(fileViewModel)); // attach object
}
var ctrl = $(this).closest("tr");
$.ajax({
url: '/ProvisionOfService/Upload',
data: formdata,
processData: false,
contentType: false,
type: 'POST',
success: function (data) {
$(ctrl).find("td.options > a.file_upload").remove();
// actualizar ID
if (data != null && data.length > 0) {
$(ctrl).find("td.id > input").val(data[0]);
}
$("#Loading").hide();
},
error: function (xhr, status) {
console.log(xhr, status);
alert("error");
$("#Loading").hide();
}
});
}
C# Controller 和操作
[HttpPost]
public JsonResult Upload()
{
string msg = null;
List<int> FileIDs = new List<int>();
try
{
if (Request.Files.Count > 0)
{
// get Object from the client
string JsonObject = Request.Form["ViewModel"];
FileViewModel _file = Newtonsoft.Json.JsonConvert.DeserializeObject<FileViewModel>(JsonObject);
// Save file and object
string Path = "/Content/files/" + _file.Transaction.TransactionID + "/";
string FullPath = Server.MapPath(Path);
if (!System.IO.Directory.Exists(FullPath))
System.IO.Directory.CreateDirectory(FullPath);
_file.Version.FileUpload.SaveAs(FullPath + _file.Version.Name);
_file.Version.Path = Path;
_file.Versions.Add(_file.Version);
// Save record and get IDs
List<FileViewModel> files = new List<FileViewModel>();
files.Add(_file);
FileIDs = _FileService.AddFiles(files);
}
}
catch (Exception ex)
{
msg = ex.InnerException == null ? ex.Message : ex.InnerException.Message;
}
if (string.IsNullOrEmpty(msg) && FileIDs.Count > 0)
return Json(FileIDs);
else
{
return Json(msg);
}
}
研究
通过表单发送文件,这只适用于发送文件,不适用于回复(ID)=(
if (document.getElementById('upload_form') == null)
$('body').append('<form id="upload_form" name="upload_form" action="/ProvisionOfService/Upload" method="POST" enctype="multipart/form-data" >');
var $upload_form = $('#upload_form');
var fileInput = $(this).closest("tr").find("td.attach > input:first")[0];
$(fileInput).appendTo($upload_form);
upload_form.submit();
通过Ajax思想发送文件服务器(驱动程序)思想接收HttpPostedFileBase类型的对象但我收到错误
Ajax
var fileInput = $(this).closest("tr").find("td.attach > input:first")[0];
$.ajax({
type: "POST",
url: '/ProvisionOfService/Upload',
data: { file: fileInput },
success: function (data) {
// update ID
if (data != null && data.length > 0) {
$(ctrl).find("td.id > input").val(data[0]);
}
$("#Loading").hide();
},
error: function (xhr, status) {
console.log(xhr, status);
alert("error");
$("#Loading").hide();
}
});
C# Controller
[HttpPost]
public JsonResult Upload(HttpPostedFileBase file)
{
// code
}
我得到的错误是:
Uncaught InvalidStateError: Failed to read the 'selectionDirection' property from 'HTMLInputElement': The input element's type ('file') does not support selection.
出于安全原因,我不确定这是否有效
How I can send a file to receive a value back (that works for internet explorer)? (to be able to point 3)
最佳答案
作为一个建议,当需要在所有浏览器以及 IE8 中工作时,我在容纳 JSON ajax 调用时遇到了类似的问题。我不太清楚它是如何工作的,但我们最终得到的解决方案是使用 JQuery。通过一点温和的哄骗,它已经满足了我们所有的浏览器要求,类似于以下内容......
jQuery.ajax({
url: http://myAjaxTestURL,
dataType: 'text',
cache: false,
success: function(data) {
var returnData = jQuery.parseJSON(data);
if(returnData.length>0) {
for(var i=0;i<returnData.length;i++){
var myHappyObject = returnData[i];
//do something with my returned object
}
} else {
//do something else
}
},
error: function(request, status, error) {
//error processing
}
});
如果您找不到更合适的东西,可能值得一看。
注意:补充一下,我还没有尝试过发布文件。
关于c# - 我如何发送文件以接收返回值(适用于 Internet Explorer 8-9)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25999441/
我有一个存储结构向量的应用程序。这些结构保存有关系统上每个 GPU 的信息,如内存和 giga-flop/s。每个系统上有不同数量的 GPU。 我有一个程序可以同时在多台机器上运行,我需要收集这些数据
我很好奇 MPI 中缺少此功能: MPI_Isendrecv( ... ); 即,非阻塞发送和接收,谁能告诉我其省略背后的基本原理? 最佳答案 我的看法是 MPI_SENDRECV存在是为了方便那些想
当我用以下方法监听TCP或UDP套接字时 ssize_t recv(int sockfd, void *buf, size_t len, int flags); 或者 ssize_t recvfrom
SUM:如何在 azure 事件网格中推迟事件触发或事件接收? 我设计的系统需要对低频对象状态(创建、启动、检查长时间启动状态、结束)使用react。它看起来像是事件处理的候选者。我想用azure函数
我正在 MPI 中实现一个程序,其中主进程(等级 = 0)应该能够接收来自其他进程的请求,这些进程要求只有根才知道的变量值。如果我按等级 0 进行 MPI_Recv(...),我必须指定向根发送请求的
我正在学习DX12,并在此过程中学习“旧版Win32”。 我在退出主循环时遇到问题,这似乎与我没有收到WM_CLOSE消息有关。 在C++,Windows 10控制台应用程序中。 #include
SUM:如何在 azure 事件网格中推迟事件触发或事件接收? 我设计的系统需要对低频对象状态(创建、启动、检查长时间启动状态、结束)使用react。它看起来像是事件处理的候选者。我想用azure函数
我想编写方法来通过号码发送短信并使用编辑文本字段中的文本。发送消息后,我想收到一些声音或其他东西来提醒我收到短信。我怎样才能做到这一点?先感谢您,狼。 最佳答案 这个网站似乎对两者都有很好的描述:ht
所以我正在用 Java 编写一个程序,在 DatagramSocket 和 DatagramPacket 的帮助下发送和接收数据。问题是,在我发送数据/接收数据之间的某个时间 - 我发送数据的程序中的
我是 Android 编程新手,我正在用 Java 编写一个应用程序,该应用程序可以打开相机拍照并保存。我通过 Intents 做到了,但看不到 onActivityResult 正在运行。 我已经在
我有一个套接字服务器和一个套接字客户端。客户端只有一个套接字。我必须使用线程在客户端发送/接收数据。 static int sock = -1; static std::mutex mutex; vo
我正在尝试使用 c 中的套接字实现 TCP 服务器/客户端。我以这样的方式编写程序,即我们在客户端发送的任何内容都逐行显示在服务器中,直到键入退出。该程序可以运行,但数据最后一起显示在服务器中。有人可
我正在使用微 Controller 与 SIM808 模块通信,我想发送和接收 AT 命令。 现在的问题是,对于某些命令,我只收到了我应该收到的答案的一部分,但对于其他一些命令,我收到了我应该
我用c设计了一个消息传递接口(interface),用于在我的系统中运行的不同进程之间提供通信。该接口(interface)为此目的创建 10-12 个线程,并使用 TCP 套接字提供通信。 它工作正
我需要澄清一下在套接字程序中使用多个发送/接收。我的客户端程序如下所示(使用 TCP SOCK_STREAM)。 send(sockfd,"Messgfromlient",15,0);
我正在构建一个真正的基本代理服务器到我现有的HTTP服务器中。将传入连接添加到队列中,并将信号发送到另一个等待线程队列中的一个线程。此线程从队列中获取传入连接并对其进行处理。 问题是代理程序真的很慢。
我正在使用 $routeProvider 设置一条类似 的路线 when('/grab/:param1/:param2', { controller: 'someController',
我在欧洲有通过 HLS 流式传输的商业流媒体服务器。http://europe.server/stream1/index.m3u8现在我在美国的客户由于距离而遇到一些网络问题。 所以我在美国部署了新服
我有一个长期运行的 celery 任务,该任务遍历一系列项目并执行一些操作。 任务应该以某种方式报告当前正在处理的项目,以便最终用户知道任务的进度。 目前,我的django应用程序和celery一起坐
我需要将音频文件从浏览器发送到 python Controller 。我是这样做的: var xmlHttp = new XMLHttpRequest(); xmlHttp.open( "POST",
我是一名优秀的程序员,十分优秀!